.section-one-settings{padding:20px;overflow:auto}.card-settings{background-color:var(--color-surface-container-low);flex-direction:column;gap:20px;margin:30px 0;padding:20px;display:flex}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#949494;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--color-background);border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background-color:var(--color-primary)}.switch input:checked+.slider:before{transform:translate(24px)}.section-setting{flex-wrap:wrap;place-content:center space-between;align-items:center;gap:20px;display:flex}.div-text-card-setting{flex-grow:0;flex-basis:400px}.title-card-setting{color:var(--color-primary);font-family:Space Grotesk,sans-serif;font-size:20px}
.card-about{background-color:var(--color-primary);color:var(--color-on-primary);isolation:isolate;border-radius:24px;margin:30px 0 15px;padding:35px;position:relative;overflow:hidden}.card-about:before{content:"";aspect-ratio:1;opacity:.1;filter:brightness(0)saturate()invert(72%)sepia(3%)saturate(78%)hue-rotate(314deg)brightness(91%)contrast(89%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;background-image:url(/icons/icon-chess-pawn.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:250px;height:250px;position:absolute;top:200px;right:-70px;transform:translateY(-50%)}.div-card-about-content{z-index:2;flex-direction:column;gap:30px;display:flex;position:relative}.div-card-about-version h3{font-family:var(--font-headline);letter-spacing:-.06em;color:var(--color-background);margin-bottom:8px;font-size:clamp(2.5rem,6vw,4rem);font-style:italic;font-weight:900;line-height:1}.div-card-about-version p{font-family:var(--font-body);opacity:.7;color:var(--color-background);font-size:.9rem}.div-card-about-links{flex-direction:column;display:flex}.accordion-about{border-bottom:1px solid #ffffff14}.accordion-about button{cursor:pointer;width:100%;color:var(--color-background);background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;transition:opacity .25s,transform .2s;display:flex}.accordion-about button:hover{opacity:.8}.accordion-about button:active{transform:scale(.99)}.accordion-about button span{font-family:var(--font-headline);text-align:start;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700}.icon-next{filter:var(--filter-white);opacity:.8;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s}.accordion-about.active .icon-next{opacity:1;transform:rotate(90deg)}.accordion-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .25s;display:grid}.accordion-content p{font-family:var(--font-body);color:var(--color-background);padding-bottom:0;font-size:.9rem;line-height:1.7;overflow:hidden}.accordion-about.active .accordion-content{opacity:1;grid-template-rows:1fr}.accordion-about.active .accordion-content p{padding-bottom:18px}
.section-options-theme{flex-wrap:wrap;gap:20px;margin:20px 0;padding:20px;display:flex}.theme-option{cursor:pointer;flex-direction:column;flex:140px;gap:10px;transition:transform .2s,opacity .25s;display:flex}.theme-option:hover{transform:translateY(-3px)}.theme-option:active{transform:scale(.98)}.theme-option div{aspect-ratio:16/9;opacity:.5;border:4px solid #0000;border-radius:16px;transition:border-color .25s,box-shadow .25s,opacity .25s,transform .25s;position:relative;overflow:hidden}.theme-option div:before,.theme-option div:after{content:"";border-radius:999px;position:absolute;left:12px}.theme-option div:before{width:50%;height:8px;top:14px}.theme-option div:after{opacity:.6;width:70%;height:8px;top:30px}.theme-option p{text-align:center;font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:.95rem;font-weight:700;transition:color .25s,opacity .25s}.theme-option:hover div,.theme-option:hover p{opacity:1}.theme-option.active-theme div{opacity:1;transform:scale(1.02)}.theme-option.active-theme p{opacity:1}.theme-light div{background-color:var(--color-surface-bright)}.theme-light div:before,.theme-light div:after{background-color:#1d1d1d}.theme-light:hover div,.theme-light.active-theme div{border-color:var(--color-primary);box-shadow:0 0 20px #00000014}.theme-light:hover p,.theme-light.active-theme p{color:var(--color-primary)}.theme-dark div{background-color:var(--color-primary)}.theme-dark div:before,.theme-dark div:after{background-color:var(--color-surface)}.theme-dark:hover div,.theme-dark.active-theme div{border-color:var(--color-primary);box-shadow:0 0 20px #0003}.theme-dark:hover p,.theme-dark.active-theme p{color:var(--color-primary)}.theme-sepia div{background-color:var(--color-background-sepia)}.theme-sepia div:before,.theme-sepia div:after{background-color:var(--color-on-secondary-fixed-variant)}.theme-sepia:hover div,.theme-sepia.active-theme div{border-color:var(--color-secondary);box-shadow:0 0 20px #00000026}.theme-sepia:hover p,.theme-sepia.active-theme p{color:var(--color-secondary)}