body{background-color:var(--white);font-family:Almarai,sans-serif}main{flex-direction:column;justify-content:center;gap:2em;padding:1em;display:flex}h1{font-family:Red Rose,sans-serif;font-size:clamp(3rem,10vw - .25rem,8.75rem);font-weight:700}h2{font-size:clamp(1rem,5vw,1.5rem);font-weight:700}.settings-title{display:inline-block;position:relative}.settings-title:after{content:"";background:var(--yellow-line);width:100%;height:4px;position:absolute;bottom:-12px;left:0}.settings-title:before{content:"";background:var(--yellow-300);width:20px;height:20px;position:absolute;bottom:-20px;left:0;transform:rotate(45deg)}.title-wrapper{align-items:center;gap:.25em;padding:0 0 .5em;display:flex}.title-wrapper img{height:32px}.settings-content-wrapper{grid-template-columns:1fr 1fr;grid-template-areas:"settings preview""settings selection";display:grid}.settings-form{grid-area:selection;justify-self:end}.settings-box{flex-direction:column;grid-area:settings;justify-content:space-between;margin:1.5em 0 0;display:flex}.settings-box .theme-box,.settings-box .player-box,.settings-box .size-box{margin:0 0 2em}.settings-box .theme-box .theme-list li,.settings-box .theme-box .player-list li,.settings-box .theme-box .size-list li,.settings-box .player-box .theme-list li,.settings-box .player-box .player-list li,.settings-box .player-box .size-list li,.settings-box .size-box .theme-list li,.settings-box .size-box .player-list li,.settings-box .size-box .size-list li{margin:.5em 0}.settings-selection{background-color:var(--panel-bg);grid-area:selection;justify-content:space-around;place-items:center;gap:.5em;max-width:600px;padding:1em;font-size:.9rem;display:flex}.settings-selection .separator{background-color:var(--panel-separator);flex-direction:column;justify-content:flex-end;width:8px;height:56px;display:flex;transform:rotate(16deg)}.settings-selection .diamond{border:solid 6px var(--panel-separator);margin-left:-4px;transform:rotate(45deg)}.settings-selection .sep1{grid-area:sep1}.settings-selection .sep2{grid-area:sep2}.settings-selection .current-theme{grid-area:theme}.settings-selection .current-player{grid-area:player}.settings-selection .current-size{grid-area:size}.settings-selection .start-btn{grid-area:button;justify-content:center;align-items:center;gap:.5em;display:flex}.preview-wrapper{justify-content:flex-end;margin:1.5em 0;display:flex}.preview{grid-area:preview;justify-self:end}.list-element input{appearance:none;cursor:pointer;box-sizing:border-box;background:#fff;border:3px solid #303131;border-radius:50%;width:20px;height:20px;display:inline-block}.list-element input:checked{background:radial-gradient(#303131 0 25%,#0000 35% 100%);border:2px solid #303131}.list-element:hover{cursor:pointer;font-weight:700}.list-element:hover input{background:radial-gradient(#303131 0 25%,#0000 30% 100%);border:2px solid #303131}label{cursor:pointer;align-items:center;gap:10px;display:flex}.line-wrap-small{display:none}.line-small{background-color:#f0ea6e;width:41px;height:3px}.diamond-small{background-color:#f0ea6e;width:12px;height:12px;transform:rotate(45deg)}.list-element:has(input:checked) .line-wrap-small{align-items:center;display:flex}.d-none{display:none}@media (width>=50em){.settings-content-wrapper{grid-template-columns:1fr 2fr;grid-template-areas:"settings preview""settings preview""settings preview""settings preview""settings selection"}}