.yes-no-settings-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--color-background);border-radius:.75rem;min-width:320px;max-width:400px}.yes-no-settings-form__header{padding-bottom:1rem;border-bottom:1px solid var(--color-accent);margin-bottom:1.5rem}.yes-no-settings-form__title{margin:0;font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-primary-text)}.yes-no-settings-form__content{display:flex;flex-direction:column;gap:1.5rem}.yes-no-settings-form__group{display:flex;flex-direction:column;gap:.5rem}.yes-no-settings-form__label{font-weight:500;color:var(--color-primary-text)}.yes-no-settings-form__select{width:100%;padding:.75rem;border:1px solid var(--color-accent);border-radius:.5rem;font-size:1rem;background:#fff}.yes-no-settings-form__select:focus{outline:none;border-color:var(--color-primary)}.yes-no-settings-form__checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.yes-no-settings-form__checkbox input{width:1.25rem;height:1.25rem}.yes-no-settings-form__checkbox span{font-size:.875rem}.yes-no-settings-form__actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--color-accent);margin-top:1.5rem}.card-translations__header-actions{display:flex;gap:var(--space-xs)}.card-translations__title{font-size:1.1rem;font-weight:600;margin:0}.card-translations__list{display:flex;flex-direction:column;gap:var(--space);max-height:50vh;background-color:var(--color-accent);overflow:auto;padding:var(--space);border-radius:var(--border-radius)}.card-translations__item--base{opacity:.8;background:var(--color-background-tertiary)}.card-translations__item--viewing .card-translations__header{border-bottom:1px solid var(--color-accent);padding-bottom:var(--space-xs);margin-bottom:var(--space)}.card-translations__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space)}.card-translations__locale{display:flex;align-items:center;gap:var(--space-xs)}.card-translations__actions{display:flex;gap:var(--space-xs)}.card-translations__view{display:flex;flex-direction:row;gap:var(--space-s);justify-content:space-between}.card-translations__view span{display:flex;align-items:center;gap:var(--space-s)}.card-translations__field{display:flex;flex-direction:column;gap:var(--space-xs)}.card-translations__label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.card-translations__value{color:var(--color-text-primary);line-height:1.5;word-break:break-word}.card-translations__translation-card{border:1px solid var(--color-accent);border-radius:var(--radius);overflow:hidden}.card-translations__translation-card--new{border-style:dashed;border-color:var(--color-primary);background:var(--color-background-tertiary)}.card-translations__card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-s) var(--space);background:var(--color-background-secondary);border-bottom:1px solid var(--color-accent)}.card-translations__locale-info{display:flex;align-items:center;gap:var(--space-xs)}.card-translations__locale-name{font-weight:600;color:var(--color-text-primary)}.card-translations__locale-code{font-size:.85rem;color:var(--color-text-secondary)}.card-translations__card-actions{display:flex;gap:var(--space-xs)}.card-translations__card-content{padding:var(--space)}.card-translations__translation-text{font-size:1rem;line-height:1.4;margin-bottom:var(--space-xs)}.card-translations__translation-text strong{color:var(--color-text-primary)}.card-translations__translation-speech{font-size:.9rem;color:var(--color-text-secondary);line-height:1.3;font-style:italic}.card-translations__edit-form{padding:var(--space);background:var(--color-background)}.card-translations__edit-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space)}.card-translations__add-new{margin-top:var(--space-xs)}.card-translations__progress{margin-bottom:var(--space);padding:var(--space);background:var(--color-background-secondary);border-radius:var(--radius)}.card-translations__progress-bar{width:100%;height:8px;background:var(--color-background-tertiary);border-radius:4px;overflow:hidden;margin-bottom:var(--space-xs)}.card-translations__progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.card-translations__progress-text{font-size:.9rem;color:var(--color-text-secondary);text-align:center}.card-form,.card-form__form{width:100%}.card-form__section--translations{background:var(--color-background);padding:var(--space);border-radius:var(--border-radius);border:1px solid var(--color-primary);position:absolute;left:100%}.card-form__section-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-secondary)}.card-form__translations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space)}.card-form__translations-count{font-size:.8rem;color:var(--color-text-secondary);margin-left:var(--space-xs)}.card-form__translations-toggle{margin-bottom:var(--space);display:flex;justify-content:flex-end}.card-form__image-field{display:flex;flex-direction:column;gap:var(--space-xs)}.card-form__image-preview{position:relative;width:150px;height:150px;border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-accent);background-color:var(--current-color)}.card-form__image-preview img{width:100%;height:100%;object-fit:cover}.card-form__image-actions{position:absolute;top:var(--space-xs);right:var(--space-xs);display:flex;gap:var(--space-xs)}.card-form__suggestions{margin-top:var(--space);padding:var(--space);background:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-accent)}.card-form__suggestions-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-s) 0}.card-form__suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-s)}.card-form__suggestion{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-background);border-radius:var(--border-radius-sm);border:1px solid var(--color-accent);cursor:pointer;transition:all .2s ease}.card-form__suggestion:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.card-form__suggestion img{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius-xs)}.card-form__suggestion span{font-size:var(--font-size-xs);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:90px}.card-form__suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-xs)}.card-form__suggestion{cursor:pointer;text-align:center;transition:transform .2s ease}.card-form__suggestion:hover{transform:scale(1.05)}.card-form__suggestion img{width:100%;height:60px;object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--color-accent);margin-bottom:var(--space-xs)}.card-form__suggestion span{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-form__main-actions{display:flex;gap:var(--space)}.card-form__delete-button{margin-right:auto}.card-form__visibility-options{display:flex;flex-direction:column;gap:.5rem}.card-form__visibility-note{margin:.5rem 0 0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.card-form__visibility-note--curated{color:#daa520;display:flex;align-items:center;gap:.25rem}.group-selector{padding:var(--space);min-width:300px}.group-selector__message{margin-bottom:var(--space);color:var(--color-text-muted)}.group-selector__groups{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space);max-height:400px;overflow-y:auto}.group-selector__group{padding:var(--space);background:color-mix(in srgb,var(--group-color),transparent 90%);border:1px solid var(--color-accent);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;margin-left:var(--depth-indent, 0)}.group-selector__group:hover{background:color-mix(in srgb,var(--group-color),transparent 80%);transform:translate(4px)}.group-selector__group--depth-1{border-left:3px solid var(--color-accent-strong)}.group-selector__group--depth-2{border-left:3px solid var(--color-primary)}.group-selector__group--depth-3{border-left:3px solid var(--color-secondary)}.group-selector__group-content{display:flex;align-items:center;gap:var(--space-xs)}.group-selector__empty{padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}.bulk-card-creator{padding:var(--space);max-width:800px;width:100%}.bulk-card-creator__header{margin-bottom:var(--space-l)}.bulk-card-creator__header h3{margin:0 0 var(--space-xs) 0}.bulk-card-creator__header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.bulk-card-creator__input-section{margin-bottom:var(--space-l)}.bulk-card-creator__stats{margin-top:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.bulk-card-creator__preview-section{margin-bottom:var(--space-l)}.bulk-card-creator__preview-section h4{margin:0 0 var(--space) 0}.bulk-card-creator__preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space);max-height:400px;overflow-y:auto;padding:var(--space);background:var(--color-background-secondary);border-radius:var(--border-radius)}.bulk-card-creator__preview-tile{position:relative;width:120px;height:120px;cursor:pointer;transition:transform .2s ease}.bulk-card-creator__preview-tile:hover{transform:scale(1.05)}.bulk-card-creator__preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius)}.add-cards-modal{display:flex;flex-direction:column;gap:var(--space)}.add-cards-modal__mode-selector{padding:0 var(--space);padding-top:var(--space)}.add-cards-modal__content{flex:1;overflow:auto}:deep(.app-layout){width:100%;height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;-webkit-overflow-scrolling:touch}:deep(.app-layout--is-app){overflow:hidden}:deep(.app-layout--is-app .app-layout__header){position:static;width:100%;left:0}:deep(.app-layout--is-app .app-layout__content){height:calc(100vh - var(--top-bar-height, 60px));overflow:hidden}:deep(.app-layout__content){display:flex;flex-direction:column}:global(html,body){overflow:hidden;height:100vh;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-overscroll-behavior:none}.cards-view__container{display:flex;flex-direction:column;height:100vh;width:100%;position:relative;overflow:hidden}.cards-view__title{width:100%;text-align:center;font-size:1.5em}.cards-view__main{flex:1;min-height:0;position:relative;width:100%;height:100%;overflow:hidden}.cards-view__breadcrumbs{display:flex;align-items:center;padding:var(--space) var(--space);background-color:var(--color-background-secondary);border-bottom:2px solid var(--color-accent);gap:var(--space-xs);overflow-x:auto;box-shadow:0 2px 4px #0000001a;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.cards-view__breadcrumbs::-webkit-scrollbar{height:4px}.cards-view__breadcrumb{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space);background:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--border-radius-sm);color:var(--color-text-muted);font-size:var(--font-size);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cards-view__breadcrumb:hover{color:var(--color-text);background-color:var(--color-background-alt);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.cards-view__breadcrumb:last-child{color:var(--color-text);background-color:var(--color-primary-light);border-color:var(--color-primary);font-weight:600}.cards-view__breadcrumb .icon{opacity:.5}.cards-view__selection-status{display:flex;justify-content:space-between;align-items:center;width:100%}.cards-view__selection-info{display:flex;align-items:center;gap:var(--space-xs);font-weight:500}.cards-view__selection-actions{display:flex;gap:var(--space)}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Yerevanyan;src:url(/fonts/Yerevanyan-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yerevanyan;src:url(/fonts/Yerevanyan-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-family-body: "Nunito", "Yerevanyan", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Nunito", "Yerevanyan", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;--font-family-armenian: "Yerevanyan", "Nunito", "Arial Unicode MS", "Lucida Grande", sans-serif;--font-size: 1em;--font-size-m: 1em;--font-size-s: .75em;--font-size-l: 1.25em;--font-size-xl: 1.5em;--font-size-xxl: 2em;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-normal: 400;--font-weight-light: 300}:lang(hy){font-family:var(--font-family-armenian)}body[data-font-size=small]{font-size:16px}body[data-font-size=medium]{font-size:18px}body[data-font-size=large]{font-size:20px}body[data-font-size=xlarge]{font-size:24px}*{font-family:var(--font-family-body);font-size:var(--font-size, 1em)}.highlight{display:inline;position:relative}.highlight:before{background-color:var(--color-yellow);z-index:-1;content:"";left:50%;top:50%;width:100%;height:100%;border-radius:.25em;padding:var(--space-xs) var(--space-s);transform:translate(-50%,-50%);position:absolute}.heading,h1:not([class]),h2:not([class]),h3:not([class]),h4:not([class]),h5:not([class]),h6:not([class]){font-family:var(--font-family-heading);font-weight:var(--heading-font-weight, 600);font-size:var(--heading-font-size, 1.5em);line-height:var(--heading-line-height, 1.2);color:var(--heading-color, currentColor);margin:0;padding:0}.heading:has(.icon),h1:has(.icon):not([class]),h2:has(.icon):not([class]),h3:has(.icon):not([class]),h4:has(.icon):not([class]),h5:has(.icon):not([class]),h6:has(.icon):not([class]){display:flex;align-items:center;gap:.5em}.heading:has(.icon) .icon,h1:has(.icon):not([class]) .icon,h2:has(.icon):not([class]) .icon,h3:has(.icon):not([class]) .icon,h4:has(.icon):not([class]) .icon,h5:has(.icon):not([class]) .icon,h6:has(.icon):not([class]) .icon{font-size:var(--heading-icon-size, 1em)}.heading:has(strong),h1:has(strong):not([class]),h2:has(strong):not([class]),h3:has(strong):not([class]),h4:has(strong):not([class]),h5:has(strong):not([class]),h6:has(strong):not([class]){font-weight:400;color:var(--color, var(--foreground))}.heading:has(strong) strong,h1:has(strong):not([class]) strong,h2:has(strong):not([class]) strong,h3:has(strong):not([class]) strong,h4:has(strong):not([class]) strong,h5:has(strong):not([class]) strong,h6:has(strong):not([class]) strong{color:var(--foreground);font-weight:700}.heading--1,h1:not([class]){font-size:2.5em;line-height:1.2}.heading--2,h2:not([class]){font-size:2em;line-height:1.2}.heading--3,h3:not([class]){font-size:1.5em;line-height:1.2}.heading--4,h4:not([class]){font-size:1.25em;line-height:1.2}.heading--5,h5:not([class]){font-size:1em;line-height:1.2}.heading--6,h6:not([class]){font-family:var(--font-family-heading);font-size:.875em;line-height:1.2;text-transform:uppercase;letter-spacing:.1em}h1+*:not([class]),h1+.button,h1+.button-group,h2+*:not([class]),h2+.button,h2+.button-group,h3+*:not([class]),h3+.button,h3+.button-group,h4+*:not([class]),h4+.button,h4+.button-group,h5+*:not([class]),h5+.button,h5+.button-group,h6+*:not([class]),h6+.button,h6+.button-group,p+*:not([class]),p+.button,p+.button-group,.button-group+*:not([class]),.button-group+.button,.button-group+.button-group,hr+*:not([class]),hr+.button,hr+.button-group{margin-top:1em}p{line-height:1.5}p:first-child{font-size:1.1em}ul:not([class]){padding-left:1.5em;margin:1em 0;list-style-type:none}ul:not([class]) li{position:relative;margin-bottom:.5em;line-height:1.5}ul:not([class]) li:before{content:"";position:absolute;left:-1.5em;top:.5em;width:.75em;height:.75em;border-radius:.125em;background-color:var(--section-color, var(--color-accent, currentColor))}ul:not([class]) li ul:not([class]){margin:.5em 0}ul:not([class]) li ul:not([class]) li:before{background-color:transparent;border:1px solid var(--section-color, var(--color-accent, currentColor))}ol:not([class]){padding-left:1.5em;margin:1em 0;counter-reset:item;list-style-type:none}ol:not([class]) li{position:relative;margin-bottom:.5em;line-height:1.5;counter-increment:item}ol:not([class]) li:before{content:counter(item) ".";position:absolute;left:-1.5em;top:0;color:var(--color, var(--accent, currentColor));font-weight:600}ol:not([class]) li ol:not([class]){margin:.5em 0;counter-reset:subitem}ol:not([class]) li ol:not([class]) li{counter-increment:subitem}ol:not([class]) li ol:not([class]) li:before{content:counter(item) "." counter(subitem)}:root{--color-dark: #18032a;--color-dark-text: color-mix(in srgb, hsl(272.3076923077, 86.6666666667%, 100%) 75%, #18032a);--color-light: #ffffff;--color-light-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, #ffffff);--color-accent-dark: #000000;--color-accent-dark-text: color-mix(in srgb, hsl(0, 0%, 100%) 75%, #000000);--color-accent-light: rgb(230.3321, 210.9978, 190.9968);--color-accent-light-text: color-mix(in srgb, hsl(30.5084745763, 44.3609022556%, 0%) 60%, rgb(230.3321, 210.9978, 190.9968));--color-primary: ;--color-primary-text: color-mix(in srgb, hsl(0, 0%, 100%) 75%, #000000);--color-secondary: #ffb647;--color-secondary-text: color-mix(in srgb, hsl(36.1956521739, 100%, 0%) 60%, #ffb647);--color-tertiary: #2923d3;--color-tertiary-text: color-mix(in srgb, hsl(242.0454545455, 71.5447154472%, 100%) 75%, #2923d3);--color-quaternary: #a9e14b;--color-quaternary-text: color-mix(in srgb, hsl(82.4, 71.4285714286%, 0%) 60%, #a9e14b);--color-quinary: #f96459;--color-quinary-text: color-mix(in srgb, hsl(4.125, 93.023255814%, 100%) 75%, #f96459);--color-success: #55c267;--color-success-text: color-mix(in srgb, hsl(129.9082568807, 47.1861471861%, 0%) 60%, #55c267);--color-warning: #ff8d22;--color-warning-text: color-mix(in srgb, hsl(29.0497737557, 100%, 0%) 60%, #ff8d22);--color-error: #f40935;--color-error-text: color-mix(in srgb, hsl(348.7659574468, 92.8853754941%, 100%) 75%, #f40935);--color-info: #3bb6f1;--color-info-text: color-mix(in srgb, hsl(199.4505494505, 86.6666666667%, 0%) 60%, #3bb6f1);--color-red: #f40935;--color-red-text: color-mix(in srgb, hsl(348.7659574468, 92.8853754941%, 100%) 75%, #f40935);--color-pink: #e23ea9;--color-pink-text: color-mix(in srgb, hsl(320.8536585366, 73.8738738739%, 100%) 75%, #e23ea9);--color-purple: #b214c0;--color-purple-text: color-mix(in srgb, hsl(295.1162790698, 81.1320754717%, 100%) 75%, #b214c0);--color-violet: #7f23d3;--color-violet-text: color-mix(in srgb, hsl(271.3636363636, 71.5447154472%, 100%) 75%, #7f23d3);--color-indigo: #4b0082;--color-indigo-text: color-mix(in srgb, hsl(274.6153846154, 100%, 100%) 75%, #4b0082);--color-blue: #2923d3;--color-blue-text: color-mix(in srgb, hsl(242.0454545455, 71.5447154472%, 100%) 75%, #2923d3);--color-cobalt: #2376d3;--color-cobalt-text: color-mix(in srgb, hsl(211.7045454545, 71.5447154472%, 100%) 75%, #2376d3);--color-skyblue: #3bb6f1;--color-skyblue-text: color-mix(in srgb, hsl(199.4505494505, 86.6666666667%, 0%) 60%, #3bb6f1);--color-cyan: #2dcfdc;--color-cyan-text: color-mix(in srgb, hsl(184.4571428571, 71.4285714286%, 0%) 60%, #2dcfdc);--color-teal: #49dba3;--color-teal-text: color-mix(in srgb, hsl(156.9863013699, 66.9724770642%, 0%) 60%, #49dba3);--color-green: #55c267;--color-green-text: color-mix(in srgb, hsl(129.9082568807, 47.1861471861%, 0%) 60%, #55c267);--color-lime: #a9e14b;--color-lime-text: color-mix(in srgb, hsl(82.4, 71.4285714286%, 0%) 60%, #a9e14b);--color-apple: #e7ed3f;--color-apple-text: color-mix(in srgb, hsl(62.0689655172, 82.8571428571%, 0%) 60%, #e7ed3f);--color-yellow: #fde824;--color-yellow-text: color-mix(in srgb, hsl(54.1935483871, 98.1900452489%, 0%) 60%, #fde824);--color-gold: #ffb647;--color-gold-text: color-mix(in srgb, hsl(36.1956521739, 100%, 0%) 60%, #ffb647);--color-orange: #ff8d22;--color-orange-text: color-mix(in srgb, hsl(29.0497737557, 100%, 0%) 60%, #ff8d22);--color-brown: #806755;--color-brown-text: color-mix(in srgb, hsl(25.1162790698, 20.1877934272%, 100%) 75%, #806755);--color-coral: #f96459;--color-coral-text: color-mix(in srgb, hsl(4.125, 93.023255814%, 100%) 75%, #f96459);--color-beige: #dabd9f;--color-beige-text: color-mix(in srgb, hsl(30.5084745763, 44.3609022556%, 0%) 60%, #dabd9f);--color-lavender: #bface1;--color-lavender-text: color-mix(in srgb, hsl(261.5094339623, 46.9026548673%, 0%) 60%, #bface1);--color-gray: #989499;--color-gray-text: color-mix(in srgb, hsl(288, 2.3923444976%, 100%) 75%, #989499);--color-white: #ffffff;--color-white-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, #ffffff);--color-black: #000000;--color-black-text: color-mix(in srgb, hsl(0, 0%, 100%) 75%, #000000);--color-red-light: rgb(248.9048335968, 89.7532664032, 119.5518577075);--color-red-light-text: color-mix(in srgb, hsl(348.7659574468, 92.8853754941%, 100%) 75%, rgb(248.9048335968, 89.7532664032, 119.5518577075));--color-red-dark: rgb(162.6748, 6.0003, 35.3351);--color-red-dark-text: color-mix(in srgb, hsl(348.7659574468, 92.8853754941%, 100%) 75%, rgb(162.6748, 6.0003, 35.3351));--color-pink-light: rgb(235.6657, 126.3269, 197.6638);--color-pink-light-text: color-mix(in srgb, hsl(320.8536585366, 73.8738738739%, 0%) 60%, rgb(235.6657, 126.3269, 197.6638));--color-pink-dark: rgb(166.9272648649, 25.0823351351, 117.6275027027);--color-pink-dark-text: color-mix(in srgb, hsl(320.8536585366, 73.8738738739%, 100%) 75%, rgb(166.9272648649, 25.0823351351, 117.6275027027));--color-purple-light: rgb(223.1367716981, 75.0664754717, 236.2569245283);--color-purple-light-text: color-mix(in srgb, hsl(295.1162790698, 81.1320754717%, 100%) 75%, rgb(223.1367716981, 75.0664754717, 236.2569245283));--color-purple-dark: rgb(118.6726, 13.334, 128.0064);--color-purple-dark-text: color-mix(in srgb, hsl(295.1162790698, 81.1320754717%, 100%) 75%, rgb(118.6726, 13.334, 128.0064));--color-violet-light: rgb(169.8575317073, 104.033102439, 229.958097561);--color-violet-light-text: color-mix(in srgb, hsl(271.3636363636, 71.5447154472%, 100%) 75%, rgb(169.8575317073, 104.033102439, 229.958097561));--color-violet-dark: rgb(84.6709, 23.3345, 140.6737);--color-violet-dark-text: color-mix(in srgb, hsl(271.3636363636, 71.5447154472%, 100%) 75%, rgb(84.6709, 23.3345, 140.6737));--color-indigo-light: rgb(147.8151538462, 1.654, 255);--color-indigo-light-text: color-mix(in srgb, hsl(274.6153846154, 100%, 100%) 75%, rgb(147.8151538462, 1.654, 255));--color-indigo-dark: rgb(50.0025, 0, 86.671);--color-indigo-dark-text: color-mix(in srgb, hsl(274.6153846154, 100%, 100%) 75%, rgb(50.0025, 0, 86.671));--color-blue-light: rgb(108.326, 104.033102439, 229.958097561);--color-blue-light-text: color-mix(in srgb, hsl(242.0454545455, 71.5447154472%, 100%) 75%, rgb(108.326, 104.033102439, 229.958097561));--color-blue-dark: rgb(27.3347, 23.3345, 140.6737);--color-blue-dark-text: color-mix(in srgb, hsl(242.0454545455, 71.5447154472%, 100%) 75%, rgb(27.3347, 23.3345, 140.6737));--color-cobalt-light: rgb(104.033102439, 163.4181853659, 229.958097561);--color-cobalt-light-text: color-mix(in srgb, hsl(211.7045454545, 71.5447154472%, 0%) 60%, rgb(104.033102439, 163.4181853659, 229.958097561));--color-cobalt-dark: rgb(23.3345, 78.6706, 140.6737);--color-cobalt-dark-text: color-mix(in srgb, hsl(211.7045454545, 71.5447154472%, 100%) 75%, rgb(23.3345, 78.6706, 140.6737));--color-skyblue-light: rgb(124.3268, 206.3309, 245.6662);--color-skyblue-light-text: color-mix(in srgb, hsl(199.4505494505, 86.6666666667%, 0%) 60%, rgb(124.3268, 206.3309, 245.6662));--color-skyblue-dark: rgb(13.334, 130.4827142857, 186.676);--color-skyblue-dark-text: color-mix(in srgb, hsl(199.4505494505, 86.6666666667%, 100%) 75%, rgb(13.334, 130.4827142857, 186.676));--color-cyan-light: rgb(114.993, 222.9984, 231.6655);--color-cyan-light-text: color-mix(in srgb, hsl(184.4571428571, 71.4285714286%, 0%) 60%, rgb(114.993, 222.9984, 231.6655));--color-cyan-dark: rgb(25.2393571429, 142.0615244898, 151.4361428571);--color-cyan-dark-text: color-mix(in srgb, hsl(184.4571428571, 71.4285714286%, 100%) 75%, rgb(25.2393571429, 142.0615244898, 151.4361428571));--color-teal-light: rgb(133.6606, 230.9988, 193.6636);--color-teal-light-text: color-mix(in srgb, hsl(156.9863013699, 66.9724770642%, 0%) 60%, rgb(133.6606, 230.9988, 193.6636));--color-teal-dark: rgb(32.1483963303, 162.5280036697, 112.519387156);--color-teal-dark-text: color-mix(in srgb, hsl(156.9863013699, 66.9724770642%, 100%) 75%, rgb(32.1483963303, 162.5280036697, 112.519387156));--color-green-light: rgb(141.661, 214.3313, 153.6616);--color-green-light-text: color-mix(in srgb, hsl(129.9082568807, 47.1861471861%, 0%) 60%, rgb(141.661, 214.3313, 153.6616));--color-green-dark: rgb(49.119338961, 136.889961039, 63.6135701299);--color-green-dark-text: color-mix(in srgb, hsl(129.9082568807, 47.1861471861%, 100%) 75%, rgb(49.119338961, 136.889961039, 63.6135701299));--color-lime-light: rgb(197.6638, 234.999, 134.994);--color-lime-light-text: color-mix(in srgb, hsl(82.4, 71.4285714286%, 0%) 60%, rgb(197.6638, 234.999, 134.994));--color-lime-dark: rgb(118.1011428571, 171.4371428571, 28.5728571429);--color-lime-dark-text: color-mix(in srgb, hsl(82.4, 71.4285714286%, 100%) 75%, rgb(118.1011428571, 171.4371428571, 28.5728571429));--color-apple-light: rgb(238.9992, 242.9994, 126.9936);--color-apple-light-text: color-mix(in srgb, hsl(62.0689655172, 82.8571428571%, 0%) 60%, rgb(238.9992, 242.9994, 126.9936));--color-apple-dark: rgb(177.1517142857, 182.8662857143, 17.1437142857);--color-apple-dark-text: color-mix(in srgb, hsl(62.0689655172, 82.8571428571%, 0%) 60%, rgb(177.1517142857, 182.8662857143, 17.1437142857));--color-yellow-light: rgb(253.6666, 239.6659, 108.9927);--color-yellow-light-text: color-mix(in srgb, hsl(54.1935483871, 98.1900452489%, 0%) 60%, rgb(253.6666, 239.6659, 108.9927));--color-yellow-dark: rgb(190.9326230769, 172.6240153846, 1.7436769231);--color-yellow-dark-text: color-mix(in srgb, hsl(54.1935483871, 98.1900452489%, 0%) 60%, rgb(190.9326230769, 172.6240153846, 1.7436769231));--color-gold-light: rgb(255, 206.3309, 132.3272);--color-gold-light-text: color-mix(in srgb, hsl(36.1956521739, 100%, 0%) 60%, rgb(255, 206.3309, 132.3272));--color-gold-dark: rgb(217.3442, 131.115251087, 0);--color-gold-dark-text: color-mix(in srgb, hsl(36.1956521739, 100%, 100%) 75%, rgb(217.3442, 131.115251087, 0));--color-orange-light: rgb(255, 178.9962, 107.6593);--color-orange-light-text: color-mix(in srgb, hsl(29.0497737557, 100%, 0%) 60%, rgb(255, 178.9962, 107.6593));--color-orange-dark: rgb(192.6763, 93.2867153846, 0);--color-orange-dark-text: color-mix(in srgb, hsl(29.0497737557, 100%, 100%) 75%, rgb(192.6763, 93.2867153846, 0));--color-brown-light: rgb(175.9819647887, 152.7413661972, 136.0081352113);--color-brown-light-text: color-mix(in srgb, hsl(25.1162790698, 20.1877934272%, 0%) 60%, rgb(175.9819647887, 152.7413661972, 136.0081352113));--color-brown-dark: rgb(85.3376, 68.6701, 56.6695);--color-brown-dark-text: color-mix(in srgb, hsl(25.1162790698, 20.1877934272%, 100%) 75%, rgb(85.3376, 68.6701, 56.6695));--color-coral-light: rgb(250.9998, 151.6615, 144.3278);--color-coral-light-text: color-mix(in srgb, hsl(4.125, 93.023255814%, 0%) 60%, rgb(250.9998, 151.6615, 144.3278));--color-coral-dark: rgb(217.4837418605, 22.2724313953, 7.8608581395);--color-coral-dark-text: color-mix(in srgb, hsl(4.125, 93.023255814%, 100%) 75%, rgb(217.4837418605, 22.2724313953, 7.8608581395));--color-beige-light: rgb(230.3321, 210.9978, 190.9968);--color-beige-light-text: color-mix(in srgb, hsl(30.5084745763, 44.3609022556%, 0%) 60%, rgb(230.3321, 210.9978, 190.9968));--color-beige-dark: rgb(181.4226045113, 126.6178593985, 69.9232954887);--color-beige-dark-text: color-mix(in srgb, hsl(30.5084745763, 44.3609022556%, 100%) 75%, rgb(181.4226045113, 126.6178593985, 69.9232954887));--color-lavender-light: rgb(212.3312, 199.6639, 234.999);--color-lavender-light-text: color-mix(in srgb, hsl(261.5094339623, 46.9026548673%, 0%) 60%, rgb(212.3312, 199.6639, 234.999));--color-lavender-dark: rgb(116.0576424779, 74.8091300885, 189.8707699115);--color-lavender-dark-text: color-mix(in srgb, hsl(261.5094339623, 46.9026548673%, 100%) 75%, rgb(116.0576424779, 74.8091300885, 189.8707699115));--color-gray-light: rgb(186.3299, 183.6631, 186.9966);--color-gray-light-text: color-mix(in srgb, hsl(288, 2.3923444976%, 0%) 60%, rgb(186.3299, 183.6631, 186.9966));--color-gray-dark: rgb(101.7786133971, 97.9379110048, 102.7387889952);--color-gray-dark-text: color-mix(in srgb, hsl(288, 2.3923444976%, 100%) 75%, rgb(101.7786133971, 97.9379110048, 102.7387889952));--color-white-light: white;--color-white-light-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, white);--color-white-dark: rgb(170.0085, 170.0085, 170.0085);--color-white-dark-text: color-mix(in srgb, hsl(0, 0%, 0%) 60%, rgb(170.0085, 170.0085, 170.0085));--color-black-light: rgb(84.9915, 84.9915, 84.9915);--color-black-light-text: color-mix(in srgb, hsl(0, 0%, 100%) 75%, rgb(84.9915, 84.9915, 84.9915));--color-black-dark: black;--color-black-dark-text: color-mix(in srgb, hsl(0, 0%, 100%) 75%, black);--space: 1em;--space-s: calc(var(--space) / 2);--border-radius: .5em;--spacing: clamp(2em, 8vw, 6em);--bezier: cubic-bezier(0, .75, .5, 1.5)}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-dark);--color-background-text: var(--color-light);--color-foreground: var(--color-light);--color-foreground-text: var(--color-dark);--color-accent: var(--color-accent-dark);--color-accent-text: var(--color-accent-dark-text);--color-accent-h: 0deg;--color-accent-s: 0%;--color-accent-l: 0%}}@media (prefers-color-scheme: light){:root{--color-background: var(--color-light);--color-background-text: var(--color-dark);--color-foreground: var(--color-dark);--color-foreground-text: var(--color-light);--color-accent: var(--color-accent-light);--color-accent-text: var(--color-accent-light-text);--color-accent-h: 30.5084745763deg;--color-accent-s: 44.3609022556%;--color-accent-l: 82.6135098039%}}[data-theme=dark]{--color-background: var(--color-dark);--color-background-text: var(--color-light);--color-foreground: var(--color-light);--color-foreground-text: var(--color-dark);--color-accent: var(--color-accent-dark);--color-accent-text: var(--color-accent-dark-text);--color-accent-h: 0deg;--color-accent-s: 0%;--color-accent-l: 0%}[data-theme=light]{--color-background: var(--color-light);--color-background-text: var(--color-dark);--color-foreground: var(--color-dark);--color-foreground-text: var(--color-light);--color-accent: var(--color-accent-light);--color-accent-text: var(--color-accent-light-text);--color-accent-h: 30.5084745763deg;--color-accent-s: 44.3609022556%;--color-accent-l: 82.6135098039%}*{margin:0;padding:0;box-sizing:border-box}ul,li,ol{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p,blockquote,img,figure{margin:0}.content>p{line-height:1.75}.content>p:first-of-type{font-size:1.1em}.content>*+*{margin-top:var(--space)}.content dl:not([class]){display:flex;flex-direction:column;gap:var(--space-xs)}.content dl:not([class]) dd+dt{margin-top:.5em}.content dl:not([class]):has(dt~dt) dt{font-weight:700}.content dl:not([class]):has(dt~dt) dd{font-weight:300;opacity:.75}ul:not([class]){counter-reset:list}ul:not([class]) dd+dt{margin-top:1em}ul:not([class]):has(ul>li) li{counter-increment:name}ul:not([class]):has(ul>li) li:before{content:counter(name) ".";margin-right:.5em}a{color:currentColor;text-decoration:none}h1{font-size:calc(var(--spacing) * .75)}.dot{width:var(--dot-size, .5em);height:var(--dot-size, .5em);border-radius:50%;display:block;background-color:var(--dot-color, currentColor)}hr{width:100%;height:2px;background-color:var(--accent);color:var(--accent);border:none}p code:not([class]){max-width:100%;width:fit-content;border-radius:calc(var(--border-radius) / 2);overflow:hidden;text-overflow:ellipsis;display:inline-block}:root{--space: 1em;--space-s: calc(var(--space) / 2);--space-xs: calc(var(--space) / 3);--space-l: calc(var(--space) * 2);--space-xl: calc(var(--space) * 3);--spacing: clamp(2em, 8vw, 6em);--border-radius-s: .5em;--border-radius: 1em;--border-radius-l: 1.5em;--bezier: cubic-bezier(0, .75, .5, 1.5);--max-post-width: 640px;--font-family-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-heading: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Source Code Pro", monospace}body{--drop-shadow: 0 1px 2px 1px var(--drop-shadow-color, var(--accent))}.icon--star-m.icon--animated:hover svg{animation:ICON_STAR_M 1s ease-in-out forwards}@keyframes ICON_STAR_M{0%{transform:rotate(0)}25%,to{transform:rotate(72deg)}}.icon--graph-up.icon--animated:hover svg line{stroke-dashoffset:2em;stroke-dasharray:2em;animation:ICON_GRAPH_UP_LINES 1s linear forwards}@keyframes ICON_GRAPH_UP_LINES{0%{stroke-dashoffset:2em}to{stroke-dashoffset:0}}.icon--graph-up.icon--animated:hover svg line:nth-child(1){animation-delay:.1s}.icon--graph-up.icon--animated:hover svg line:nth-child(2){animation-delay:.2s}.icon--graph-up.icon--animated:hover svg line:nth-child(3){animation-delay:.3s}.icon--graph-up.icon--animated:hover svg line:nth-child(4){animation-delay:.4s}.icon--graph-up.icon--animated:hover svg line:nth-child(5){animation-delay:.5s}.icon--graph-up.icon--animated:hover svg line:nth-child(6){animation-delay:.6s}.icon--graph-up.icon--animated:hover svg polyline{stroke-dashoffset:5em;stroke-dasharray:5em;animation:ICON_GRAPH_UP_ARROW 1s linear forwards}@keyframes ICON_GRAPH_UP_ARROW{0%{stroke-dashoffset:5em}to{stroke-dashoffset:0}}.icon--temple.icon--animated:hover svg line:nth-child(1),.icon--temple.icon--animated:hover svg line:nth-child(2),.icon--temple.icon--animated:hover svg line:nth-child(3),.icon--temple.icon--animated:hover svg line:nth-child(4),.icon--temple2.icon--animated:hover svg line:nth-child(1),.icon--temple2.icon--animated:hover svg line:nth-child(2),.icon--temple2.icon--animated:hover svg line:nth-child(3),.icon--temple2.icon--animated:hover svg line:nth-child(4){color:red;fill:#00f;animation:ICON_TEMPLE_PILARS .5s ease-in-out forwards}@keyframes ICON_TEMPLE_PILARS{50%{stroke-dasharray:2em;stroke-dashoffset:-2em}0%,to{stroke-dasharray:2em;stroke-dashoffset:0em}}.icon--temple.icon--animated:hover svg path,.icon--temple2.icon--animated:hover svg path{animation:ICON_TEMPLE_ROOF .5s ease-in-out forwards}@keyframes ICON_TEMPLE_ROOF{50%{transform:translateY(50%)}0%,to{transform:translateY(0)}}.icon--chip.icon--animated:hover svg{animation:ICON_CHIP 1s ease-in-out infinite}@keyframes ICON_CHIP{0%{transform:rotate(0)}25%,to{transform:rotate(90deg)}}.icon--luggage.icon--animated:hover{overflow:hidden}.icon--luggage.icon--animated:hover svg{animation:ICON_LUGGAGE 1s ease-in-out forwards}@keyframes ICON_LUGGAGE{0%{transform:translate(0)}25%,49.9%{transform:translate(200%)}50%{transform:translate(-200%)}to{transform:translate(0)}}.icon--rocket.icon--animated{--animation-time: 5s}@keyframes ICON_ROCKET_FIRE_WIGGLE{0%,to{transform:translate(0)}50%{transform:translate(-5%,5%)}}.icon--rocket.icon--animated path:nth-child(6),.icon--rocket.icon--animated path:nth-child(2){animation:ICON_ROCKET_FIRE_WIGGLE var(--animation-time, 1s) ease-in-out infinite}.icon--rocket.icon--animated path:nth-child(2){stroke:none}.icon--rocket.icon--animated path:nth-child(6){--icon-stroke-color-secondary: var(--color-yellow)}.icon--rocket.icon--animated path:nth-child(2){--icon-fill: var(--color-orange);stroke:none}.icon--rocket.icon--animated:hover{--animation-time: 2s}.icon--three-dots.icon--animated svg circle{transform:scale(0);transform-box:fill-box;transform-origin:50% 50%}.icon--three-dots.icon--animated svg circle:nth-child(1){animation:THREE_DOTS_HORIZONTAL_ANIMATION 1s .33s infinite}.icon--three-dots.icon--animated svg circle:nth-child(2){animation:THREE_DOTS_HORIZONTAL_ANIMATION 1s .66s infinite}.icon--three-dots.icon--animated svg circle:nth-child(3){animation:THREE_DOTS_HORIZONTAL_ANIMATION 1s .99s infinite}@keyframes THREE_DOTS_HORIZONTAL_ANIMATION{to,0%{transform:scale(0)}50%{transform:scale(1)}}.icon--alarm-bell.icon--animated:hover svg{animation:ICON_ALARM_BELL .3s ease-in-out infinite}@keyframes ICON_ALARM_BELL{0%{transform:rotate(0)}50%{transform:rotate(-20deg)}to{transform:rotate(0)}}.icon--search-m.icon--animated:hover svg{animation:ICON_SEARCH 1s ease-in-out infinite;--icon-fill: var(--primary-rgb)}@keyframes ICON_SEARCH{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.icon--add-l.icon--animated:hover svg line:nth-child(1){animation:ICON_ADD_LINE_Y 2s ease-in-out infinite}.icon--add-l.icon--animated:hover svg line:nth-child(2){animation:ICON_ADD_LINE_X 2s ease-in-out infinite}@keyframes ICON_ADD_LINE_X{0%{transform:translate(-100%);opacity:0}20%,80%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes ICON_ADD_LINE_Y{0%{transform:translateY(-100%);opacity:0}20%,80%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.icon--music-note.icon--animated:hover svg{animation:ICON_MUSIC_NOTE 1s ease-in-out infinite;--icon-fill: var(--primary-rgb)}@keyframes ICON_MUSIC_NOTE{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-20%) rotate(-5deg)}40%{transform:translateY(0) rotate(5deg)}60%{transform:translateY(-15%) rotate(-3deg)}80%{transform:translateY(0) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.icon--compass.icon--animated:hover svg polygon{transform-origin:50% 50%;transform-box:fill-box;animation:ICON_COMPASS_POINTER 1s infinite}@keyframes ICON_COMPASS_POINTER{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon--terminal.icon--animated svg line{animation:ICON_TERMINAL_LINE_BLINK 2s ease-in-out infinite}@keyframes ICON_TERMINAL_LINE_BLINK{30%,70%{opacity:1}0%,to{opacity:0}}.icon--note-edit line{stroke-linecap:round}@keyframes ICONS_SETTINGS_LINE1{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:30}}@keyframes ICONS_SETTINGS_LINE2{0%{stroke-dashoffset:15}25%{stroke-dashoffset:30}75%{stroke-dashoffset:0}to{stroke-dashoffset:15}}@keyframes ICONS_SETTINGS_LINE3{0%,to{stroke-dashoffset:30}50%{stroke-dashoffset:0}}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg line:nth-child(1){animation:ICONS_SETTINGS_LINE1 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg line:nth-of-type(2){animation:ICONS_SETTINGS_LINE2 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg line:nth-of-type(3){animation:ICONS_SETTINGS_LINE3 1.5s linear infinite}@keyframes ICONS_SETTINGS_CIRCLE1{0%,to{transform:translate(0)}50%{transform:translate(-40%)}}@keyframes ICONS_SETTINGS_CIRCLE2{0%{transform:translate(-20%)}25%{transform:translate(-40%)}75%{transform:translate(0)}to{transform:translate(-20%)}}@keyframes ICONS_SETTINGS_CIRCLE3{0%,to{transform:translate(-40%)}50%{transform:translate(0)}}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg g:nth-of-type(1) circle{animation:ICONS_SETTINGS_CIRCLE1 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg g:nth-of-type(2) circle{animation:ICONS_SETTINGS_CIRCLE2 1.5s linear infinite}*:has(>.icon--settings5.icon--animated):hover .icon--settings5.icon--animated svg g:nth-of-type(3) circle{animation:ICONS_SETTINGS_CIRCLE3 1.5s linear infinite}.icon--settings5.icon--animated svg line:nth-child(1){stroke-dashoffset:0}.icon--settings5.icon--animated svg line:nth-of-type(2){stroke-dashoffset:15}.icon--settings5.icon--animated svg line:nth-of-type(3){stroke-dashoffset:30}.icon--settings5.icon--animated svg g:nth-of-type(1) circle{transform:translate(0)}.icon--settings5.icon--animated svg g:nth-of-type(2) circle{transform:translate(-20%)}.icon--settings5.icon--animated svg g:nth-of-type(3) circle{transform:translate(-40%)}*:has(>.icon--arrow-left.icon--animated):hover .icon--arrow-left.icon--animated svg{animation:ICON_ARROW_LEFT .3s ease-in-out forwards}@keyframes ICON_ARROW_LEFT{0%{transform:translate(0)}50%{transform:translate(-50%)}to{transform:translate(0)}}*:has(>.icon--arrow-right.icon--animated):hover .icon--arrow-right.icon--animated svg{animation:ICON_ARROW_RIGHT .3s ease-in-out forwards}@keyframes ICON_ARROW_RIGHT{0%{transform:translate(0)}50%{transform:translate(50%)}to{transform:translate(0)}}*:has(>.icon--arrow-up.icon--animated):hover .icon--arrow-up.icon--animated svg{animation:ICON_ARROW_UP .3s ease-in-out forwards}@keyframes ICON_ARROW_UP{0%{transform:translateY(0)}50%{transform:translateY(-50%)}to{transform:translateY(0)}}*:has(>.icon--arrow-down.icon--animated):hover .icon--arrow-down.icon--animated svg{animation:ICON_ARROW_DOWN .3s ease-in-out forwards}@keyframes ICON_ARROW_DOWN{0%{transform:translateY(0)}50%{transform:translateY(50%)}to{transform:translateY(0)}}*:has(>.icon--arrow-up-left.icon--animated):hover .icon--arrow-up-left.icon--animated svg{animation:ICON_ARROW_UP_LEFT .3s ease-in-out forwards}@keyframes ICON_ARROW_UP_LEFT{0%{transform:translate(0)}50%{transform:translate(-50%,-50%)}to{transform:translate(0)}}body,html{margin:0;background:var(--color-background);height:100vh;scroll-snap-type:y mandatory;overflow-x:hidden}body{background-color:var(--color-accent);background-image:radial-gradient(ellipse at center,var(--color-background) 0%,var(--color-background) 50%,var(--color-accent) 100%);background-attachment:fixed;background-size:100% 100%;color:var(--color-foreground);padding:0;margin:0;font-size:clamp(16px,1.25vmin,24px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:thin;scrollbar-color:var(--color-primary) rgba(0,0,0,.1)}@media screen and (max-width: 66em){.hide-mobile{display:none}}.id{font-size:.875em;font-family:Courier New,Courier,monospace;background-color:color-mix(in srgb,var(--color-accent),transparent 75%);width:fit-content;padding:var(--space-xs);border-radius:4px;border:1px solid color-mix(in srgb,var(--color-primary),var(--color-accent) 50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease-in-out}.id span{position:relative;left:0;width:fit-content;transform:translate(0);transition:all .2s ease-in-out}.id:hover{text-overflow:none}.id:hover span{transition:none;left:100%;position:relative;display:block;transform:translate(-100%);width:fit-content}
