.textarea[data-v-de3f1bbd]{min-height:4.5rem;min-width:10rem;max-width:100%;width:min(var(--box-width),100%);height:15rem;border-radius:.8rem;padding:1.2rem;resize:none;border:2px solid color-mix(in srgb,var(--color-primary),var(--color-contrast) 7%);background:linear-gradient(to bottom,#fff0,rgba(var(--color-quaternary-rgb),.5));background-repeat:repeat;background-size:200px;background-position:center;background-color:var(--color-primary);transition:--color-quaternary-rgb 3s ease-in,--color-primary 3s ease-in}.textarea[data-v-de3f1bbd]::placeholder{color:rgba(var(--color-contrast-rgb),.4)}.textarea[data-v-de3f1bbd]::-webkit-resizer{background-color:transparent;background:linear-gradient(125deg,transparent 0% 50%,#c9356c 50% 100%);border-bottom-right-radius:.8rem;border-right:1px solid #c9356c;border-bottom:1px solid #c9356c;background-repeat:no-repeat;background-position:bottom right}.textarea--animated[data-v-de3f1bbd]{animation:wiggle-de3f1bbd 2s linear(0,.001,.004,.009,.016,.024,.035,.048,.063,.079,.098 11.4%,.141,.191,.25,.317,.391,.473,.563,.66,.765,.879,1,.941,.891,.848 43.2%,.829,.813,.798,.785,.774,.766,.759,.754,.751,.75,.751,.754,.759,.766,.774,.785,.798,.813,.829,.848 65.9%,.891,.941,1 72.7%,.985,.973,.962,.953,.946,.941,.938 80.7% 83%,.941,.946,.953,.962,.973,.985,1,.993,.988,.985,.984,.985,.988,.993,1)}@keyframes fade-in-de3f1bbd{0%{opacity:0;transform:translate(-70rem)}90%{opacity:.8;transform:translate(5.8333333333rem)}to{opacity:1;transform:translate(0)}}.textarea--fade-in[data-v-de3f1bbd]{animation:fade-in-de3f1bbd 2s ease-in-out}@keyframes wiggle-de3f1bbd{0%{transform:rotate(0)}50%{transform:translate(100vw)}to{transform:rotate(0)}}.header[data-v-7db28219]{font-size:var(--header-font-size);margin-bottom:3rem;font-weight:200;pointer-events:none;color:var(--color-contrast);letter-spacing:.2rem;word-spacing:.5rem;text-align:var(--item-aligning)}.header--reverted[data-v-7db28219]{unicode-bidi:bidi-override;direction:rtl}.header--uppercase[data-v-7db28219]{text-transform:uppercase}.header--lowercase[data-v-7db28219]{text-transform:lowercase}.header--centered[data-v-7db28219]{text-align:center}.header--right[data-v-7db28219]{text-align:right}.button[data-v-c3d2308c]{max-width:20rem;background-color:var(--color-tertiary);font-size:2rem;padding:.5rem;transition:all .4s ease-in;border-radius:2px}@media(hover:hover){.button[data-v-c3d2308c]:hover{background:color-mix(in srgb,var(--color-tertiary) 60%,var(--button-mix-color) 33%)}}.button[data-v-c3d2308c]:active{background:color-mix(in srgb,var(--color-tertiary) 60%,var(--button-mix-color) 66%)}.button[data-v-c3d2308c]:disabled{background-color:color-mix(in srgb,var(--color-tertiary) 60%,var(--color-contrast) 17%);cursor:default}@keyframes fade-in-c3d2308c{0%{opacity:0;transform:translateY(200rem)}90%{opacity:.8;transform:translateY(-2.2222222222rem)}to{opacity:1;transform:translate(0)}}.button--fading-in[data-v-c3d2308c]{animation:fade-in-c3d2308c 2s ease-in-out}.button--animating[data-v-c3d2308c]{animation:go-crazy-c3d2308c 2s linear(0,.00866 1.01%,.0346 2.07%,.14066 4.43%,.72289 12.911%,.93834 16.722%,1.07743 20.432%,1.12131 22.332%,1.14934 24.312%,1.16294 26.953%,1.15356 29.933%,1.12887 32.783%,1.01677 43.094%,.99057 46.975%,.9766 50.995%,.97488 57.056%,.9966 69.827%,1.00329 76.878%,.99996)}@keyframes go-crazy-c3d2308c{0%{transform:rotate(0) scale(1)}50%{transform:rotate(370deg) scale(.4)}to{transform:rotate(0) scale(1)}}.copy-icon[data-v-06094370]{position:relative;width:2.4rem;height:2.4rem}.copy-icon__text[data-v-06094370]{position:absolute;left:var(--v9007040a);font-size:1.4rem}@media only screen and (max-width:600px){.copy-icon__text[data-v-06094370]{left:auto;right:var(--b8c0f4d2);font-size:1.2rem}}.copy-icon__text[data-v-06094370]{pointer-events:none;top:50%;transform:translateY(-50%);white-space:nowrap;color:rgba(var(--color-contrast-rgb),.6)}.copy-icon__wrapper[data-v-06094370]{width:100%;height:100%;cursor:pointer;border-radius:.8rem;transition:all .3s ease}@media(hover:hover){.copy-icon__wrapper[data-v-06094370]:hover{background-color:color-mix(in srgb,transparent 20%,var(--color-contrast) 10%);color:color-mix(in srgb,var(--color-tertiary) 70%,var(--color-contrast) 10%)}}.fade-enter-active[data-v-06094370],.fade-leave-active[data-v-06094370]{transition:all .7s ease}.fade-enter-from[data-v-06094370],.fade-leave-to[data-v-06094370]{opacity:0;transform:scale(.6)}.output[data-v-c409f751]{width:100%;display:flex;flex-direction:column;align-items:var(--item-aligning);gap:3rem}.output__header[data-v-c409f751]{width:min(var(--box-width),100%);position:relative;display:flex;align-items:center;justify-content:var(--output-aligning);gap:1rem}.output__header .copied[data-v-c409f751]{color:rgba(var(--color-contrast-rgb),.3)}.output__box[data-v-c409f751]{flex-direction:column;background:linear-gradient(to bottom,#ffffff2a,rgba(var(--color-quinary-rgb),.75));transition:--color-quinary-rgb 3s ease-in,--color-quinary 3s ease-in;width:min(var(--box-width),100%);max-width:100%;max-height:15rem;border-radius:.8rem;padding:1.2rem;border:1px solid color-mix(in srgb,var(--color-quinary),var(--color-contrast) 20%);overflow:auto}.fade-enter-active[data-v-c409f751],.fade-leave-active[data-v-c409f751]{transition:all 1.1s ease}.fade-enter-from[data-v-c409f751],.fade-leave-to[data-v-c409f751]{opacity:0;transform:translateY(20px) scale(.5)}.content[data-v-8c09f395]{display:flex;flex-direction:column;align-items:var(--item-aligning);transition:all 1.1s ease}.content__main[data-v-8c09f395]{display:flex;flex-direction:column;align-items:var(--item-aligning);gap:3rem;width:100%}@property --main-padding{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --main-font-size{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --header-font-size{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --box-width{syntax: "<length>"; inherits: true; initial-value: 60px;}@property --item-aligning{syntax: "<custom-ident>"; inherits: true; initial-value: baseline;}@property --output-aligning{syntax: "<custom-ident>"; inherits: true; initial-value: flex-end;}@property --color-primary{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-primary-r{syntax: "<integer>"; inherits: true; initial-value: 216;}@property --color-primary-g{syntax: "<integer>"; inherits: true; initial-value: 191;}@property --color-primary-b{syntax: "<integer>"; inherits: true; initial-value: 216;}@property --color-primary-rgb{syntax: "<integer>#"; inherits: true; initial-value: 216,191,216;}@property --color-secondary{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-secondary-r{syntax: "<integer>"; inherits: true; initial-value: 255;}@property --color-secondary-g{syntax: "<integer>"; inherits: true; initial-value: 221;}@property --color-secondary-b{syntax: "<integer>"; inherits: true; initial-value: 209;}@property --color-secondary-rgb{syntax: "<integer>#"; inherits: true; initial-value: 255,221,209;}@property --color-tertiary{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-tertiary-r{syntax: "<integer>"; inherits: true; initial-value: 221;}@property --color-tertiary-g{syntax: "<integer>"; inherits: true; initial-value: 119;}@property --color-tertiary-b{syntax: "<integer>"; inherits: true; initial-value: 136;}@property --color-tertiary-rgb{syntax: "<integer>#"; inherits: true; initial-value: 221,119,136;}@property --color-contrast{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-contrast-r{syntax: "<integer>"; inherits: true; initial-value: 28;}@property --color-contrast-g{syntax: "<integer>"; inherits: true; initial-value: 28;}@property --color-contrast-b{syntax: "<integer>"; inherits: true; initial-value: 28;}@property --color-contrast-rgb{syntax: "<integer>#"; inherits: true; initial-value: 28,28,28;}@property --color-quaternary{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-quaternary-r{syntax: "<integer>"; inherits: true; initial-value: 197;}@property --color-quaternary-g{syntax: "<integer>"; inherits: true; initial-value: 190;}@property --color-quaternary-b{syntax: "<integer>"; inherits: true; initial-value: 238;}@property --color-quaternary-rgb{syntax: "<integer>#"; inherits: true; initial-value: 197,190,238;}@property --color-quinary{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-quinary-r{syntax: "<integer>"; inherits: true; initial-value: 250;}@property --color-quinary-g{syntax: "<integer>"; inherits: true; initial-value: 235;}@property --color-quinary-b{syntax: "<integer>"; inherits: true; initial-value: 215;}@property --color-quinary-rgb{syntax: "<integer>#"; inherits: true; initial-value: 250,235,215;}@property --button-mix-color{syntax: "<color>"; inherits: true; initial-value: red;}:root{--color-primary-rgb: var(--color-primary-r), var(--color-primary-g), var(--color-primary-b);--color-primary: rgb(var(--color-primary-rgb));--color-secondary-rgb: var(--color-secondary-r), var(--color-secondary-g), var(--color-secondary-b);--color-secondary: rgb(var(--color-secondary-rgb));--color-tertiary-rgb: var(--color-tertiary-r), var(--color-tertiary-g), var(--color-tertiary-b);--color-tertiary: rgb(var(--color-tertiary-rgb));--color-contrast-rgb: var(--color-contrast-r), var(--color-contrast-g), var(--color-contrast-b);--color-contrast: rgb(var(--color-contrast-rgb));--color-quaternary-rgb: var(--color-quaternary-r), var(--color-quaternary-g), var(--color-quaternary-b);--color-quaternary: rgb(var(--color-quaternary-rgb));--color-quinary-rgb: var(--color-quinary-r), var(--color-quinary-g), var(--color-quinary-b);--color-quinary: rgb(var(--color-quinary-rgb))}*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{--main-padding: 5rem;--main-font-size: 1.6rem;--header-font-size: 3rem;--box-width: 60rem;--item-aligning: baseline;--output-aligning: flex-end}@media only screen and (max-width:600px){body{--main-font-size: 1.4rem;--header-font-size: 2.2rem;--box-width: 30rem;--main-padding: 2rem;--item-aligning: center;--output-aligning: center}}body{min-height:100svh;overflow-x:hidden;overflow-y:hidden;background:linear-gradient(to bottom right,var(--color-secondary),var(--color-primary));font-family:Montserrat,sans-serif;padding:var(--main-padding);font-size:var(--main-font-size);transition:--color-secondary 1.5s ease,--color-primary 1.5s ease,--color-tertiary 2s ease-in}button{cursor:pointer}button,p,textarea,h1{border:none;font:inherit;color:inherit;background:none;outline:inherit}::-webkit-scrollbar{width:1.5rem}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-tertiary);border-radius:.8rem;border:3px solid transparent;background-clip:content-box;cursor:pointer}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-tertiary) 80%,#000 20%)}