:root{--clr-red: #ff8080;--clr-green: #80ff80;--clr-blue: #8080ff;--clr-gray: hsl(0, 0%, 75%);--clr-form: var(--clr-blue)}.clr-green{color:var(--clr-green)}.clr-red{color:var(--clr-red)}.clr-gray{color:var(--clr-gray)}html{font:62.5% arial,"helvetica",sans-serif}body{margin:0;background:#121314;color:#fff;display:grid;min-height:100vh;min-height:100dvh;place-items:center}.container{display:grid;grid-template-rows:.5fr 1fr .5fr;place-items:center;gap:1rem}.slider-wrapper{box-sizing:border-box;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:2.4rem 1fr 2.4rem;gap:1.5rem;place-items:center;width:100%;padding-inline:1.5rem}#sliderToggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;color:var(--clr-form);background-color:rgba(0,0,0,0);font-size:1.8rem;width:1em;height:1em;border:.25rem solid currentColor;border-radius:.15rem;cursor:pointer;place-content:inherit;display:grid;place-content:center;position:relative;transition:background-color 128ms ease-in}#sliderToggle::before{content:"";position:absolute;inset:.1em;background-color:#fff;transition:opacity 128ms ease-in;-webkit-clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);rotate:5deg;opacity:0}#sliderToggle:checked{background-color:currentColor}#sliderToggle:checked::before{opacity:1}#sliderToggleLabel{font-size:2rem;justify-self:center;align-self:center;cursor:pointer}#sliderToggle:checked~#sliderToggleLabel{display:none}#sliderToggle:checked~#slider{display:block;visibility:visible}#slider{--bg-clr: hsl(0, 0%, 90%);display:none;width:100%;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.6rem;background-color:var(--bg-clr);border-radius:.6rem}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;height:1.6rem;width:1.6rem;border-radius:50%;background:var(--clr-form);cursor:pointer}#slider::-moz-range-thumb{-moz-appearance:none;appearance:none;box-sizing:border-box;display:block;height:1.6rem;width:1.6rem;border-radius:50%;background:var(--clr-form);cursor:pointer}#slider::-ms-thumb{appearance:none;box-sizing:border-box;display:block;height:1.6rem;width:1.6rem;border-radius:50%;background:var(--clr-form);cursor:pointer}#slider:active::-webkit-slider-thumb{background-color:var(--bg-clr);border:.3rem solid var(--clr-form)}#slider:active::-moz-range-thumb{background-color:var(--bg-clr);border:.3rem solid var(--clr-form)}#slider:active::-ms-thumb{background-color:var(--bg-clr);border:.3rem solid var(--clr-form)}#clock{grid-column:1/-1;text-align:center;font-size:3rem;margin:0}.slots{border-block:.5rem solid var(--clr-blue);width:768px}.slot{padding:1.5rem;display:grid;grid-template-columns:2.4rem 2.4rem 1fr 1fr 2.4rem;gap:1.5rem;font-size:2rem;align-items:center}.slot:nth-of-type(odd){background:#1a1a1a}.slot:nth-of-type(even){background:#262626}.slot-isActive{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;box-sizing:border-box;font:inherit;color:currentColor;width:1.8rem;height:1.8rem;border:.3rem solid currentColor;border-radius:50%;cursor:pointer;position:relative;display:grid;justify-self:center;place-content:center;transition:border-color 128ms ease-in-out}.slot-isActive::before{content:"";position:absolute;inset:20%;border-radius:inherit;transform:scale(0);transition:128ms transform ease-in-out;background-color:var(--clr-form)}.slot-isActive:checked{border-color:var(--clr-form)}.slot-isActive:checked::before{transform:scale(1)}.slot-isActive:focus-visible{outline:max(1px,.2rem) solid currentColor;outline-offset:max(1px,.2rem)}.slot-name{color:var(--clr-gray);transition:color 128ms ease-in-out}.slot-isActive:checked~.slot-name{color:#fff}.slot-value{display:flex;align-items:center;gap:1rem;justify-self:flex-end}.slot-value::after{content:"—";color:var(--clr-gray);font-size:.75em}.slot-value[data-increasing=true]::after{content:"▲";color:var(--clr-green)}.slot-value[data-increasing=false]::after{content:"▼";color:var(--clr-red)}.slot-icon{justify-self:center;image-rendering:pixelated}.slot-isBest{justify-self:center;width:75%}.slot-isBest[data-is-best=false]{visibility:hidden}.unsocket-btn{box-sizing:border-box;font:inherit;font-size:2rem;font-weight:700;color:#121314;background:var(--clr-form);padding:.5rem 1.5rem;border:.33rem solid var(--clr-form);border-radius:.33rem;cursor:pointer;transition:filter 128ms ease,width 128ms ease;width:50%}.unsocket-btn:hover,.unsocket-btn:focus-visible{filter:brightness(75%)}.unsocket-btn:active{translate:0 .1rem}@media screen and (max-width: 768px){.slots{min-width:initial;width:100vw;max-width:initial}.unsocket-btn{width:100%}}@media(prefers-contrast: more){.slot-isActive::before,#sliderToggle::before{background-color:canvasText}}/*# sourceMappingURL=index.min.css.map */