@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}p{--paragraph-margin-bottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraph-margin-bottom)}img{display:block;max-width:100%}input,textarea,select,button{font:inherit}html{scroll-behavior:smooth;height:100%}body{min-height:100%;line-height:1.5}svg *[fill]{fill:currentcolor}svg *[stroke]{stroke:currentcolor}svg *{transition-property:fill,stroke}body,h1,h2,h3,h4,h5,h6,p,figure,picture{margin:0}h1,h2,h3,h4,h5,h6{font-weight:600;text-transform:uppercase}p{font-weight:400}body{box-sizing:border-box;font-family:Merienda,sans-serif;font-weight:400;font-style:normal;color:#e7f1f7;background-color:#2e074a}h1{font-size:20px;line-height:130%;letter-spacing:.05em}h2{font-size:18px;letter-spacing:.03em}h3{font-size:14px;letter-spacing:.03em}h4{font-size:17px;letter-spacing:.03em}p{font-size:16px;line-height:148%;letter-spacing:.05em}.header{display:flex;align-items:center;height:60px;font-family:Atma,system-ui,serif}.header-logo{margin:0 auto;font-size:32px}@media (width < 450px){.header-logo{font-size:25px}}.wrapper{display:flex;width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.main-wrapper{flex-direction:column;gap:35px;align-items:center}.footer-wrapper{justify-content:space-between}.main{width:100%;min-height:calc(100dvh - 110px);padding:30px 0}.footer{display:flex;align-items:center;height:50px;font-family:Atma,system-ui,serif}.footer-date{font-size:18px;font-weight:600}.footer-link{cursor:pointer;font-size:18px;font-weight:600;color:#e7f1f7;text-decoration:none;transition:all .4s ease-out}.footer-link:hover{color:#dad5ef}.btn{cursor:pointer;padding:4px 12px;border:none;border-radius:4px;font-weight:600;background-color:#f4f4f4;transition:all .5s ease-out}.btn:hover{background-color:#daedcd}.btn:active{filter:brightness(1.05)}.btn[disabled]{cursor:not-allowed;opacity:.7}.btn[disabled]:hover{background-color:#f4f4f4}.btn[disabled]:active{filter:brightness(1)}.btn.option-container-btn:hover{background-color:#bd2020}.option-container-btn{color:#e7f1f7;background-color:#db1f1f}.buttons-options-container,.buttons-decision-container{display:flex;flex-wrap:wrap;gap:12px;width:100%;max-width:650px}.buttons-decision-container{max-width:380px}.btn-paste-list,.btn-clear-list,.btn-save-list,.btn-load-list{width:calc(50% - 6px)}.btn-add-option,.btn-go-to-decision-picker,.btn-start{width:100%}.form-btn{width:calc(50% - 6px)}.btn-close{margin-left:auto}.btn-back{background:url(../back_icon.svg) no-repeat center center/contain}.btn-sound{background:url(../sound_on.svg) no-repeat center center/contain}.btn-sound.mute{background:url(../sound_off.svg) no-repeat center center/contain;background-color:#f4f4f4}.btn-sound.mute:hover{background-color:#daedcd}.btn-sound.mute[disabled]:hover{background-color:#f4f4f4}.btn-back,.btn-sound{width:calc(20% - 6px);height:32px;background-color:#f4f4f4}.list-options{display:flex;flex-direction:column;gap:14px 0;width:100%;max-width:650px}.option-container{display:flex;gap:12px;align-items:center;padding:6px 12px;border-radius:4px;background-color:#532d68}.option-container-id{min-width:30px}.option-container-title,.option-container-weight{width:100%;padding:4px 4px 4px 8px;border:none;border-radius:4px;font-weight:600;background-color:#dad5ef}.option-container-weight{max-width:70px}.option-container-weight::-webkit-outer-spin-button,.option-container-weight::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}body:has(dialog[open]){overflow:hidden}.modal-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;margin:0;padding:0;border:none;border-radius:4px}dialog[open]::backdrop{opacity:.8;background:#2e074a}.form,.modal-valid-options-container{display:flex;flex-wrap:wrap;gap:12px;padding:15px;border-radius:4px;background-color:#b653ed}.form-field{resize:none;width:100%;height:210px;padding:8px;background-color:#dad5ef}.modal-valid-options-message{padding:15px;border-radius:4px;background-color:#dad5ef}.timer-container{display:flex;width:calc(58% - 6px);height:32px;border-radius:4px}.timer-img{width:30%;height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px;background:url(../timer_icon.svg) no-repeat center center/contain;background-color:#f4f4f4}.timer-img[disabled]{opacity:.7}.timer-input{width:70%;padding:4px 12px;border:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#dad5ef}.timer-input[disabled]{opacity:.7}.timer-input:invalid{background-color:red}.timer-input::-webkit-outer-spin-button,.timer-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wheel-canvas{max-width:100%;margin-inline:auto}.error-message{font-size:25px}.hint{-webkit-user-select:none;user-select:none;width:100%;font-size:12px;color:transparent;text-align:center}.hint.show{color:red}.picked-option{min-width:380px;padding:6px 12px;text-align:center}.picked-option.winner{border:2px solid green;box-shadow:0 0 .25rem .1rem green}