html{font-family:Hanken Grotesk,sans-serif}.fire-alarm-container{position:relative;width:100px;height:150px;margin:auto;background-color:#333;border:2px solid #fff;border-radius:10px;text-align:center}.fire-alarm-container.active{background-color:#ff4136;border-color:red}.fire-alarm-container .fire-alarm-btn{width:80px;height:40px;background-color:#111;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:40px;border-radius:5px;margin:5px auto;cursor:grab;transition:transform .2s;user-select:none}.fire-alarm-container .fire-alarm-btn .drag-handle{display:block;width:100%;height:100%;cursor:grab;background:transparent}.input-range label{display:block;margin-bottom:var(--size-0);text-transform:uppercase;font-size:var(--font-size-0);font-weight:700}.input-range input[type=range]{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:15px;height:4px;background:#ccc}.input-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:10px;width:10px;background-color:#4c75f2;border-radius:50%;border:none;transition:.2s ease-in-out}.input-range input[type=range]::-moz-range-thumb{height:10px;width:10px;background-color:#4c75f2;border-radius:50%;border:none;transition:.2s ease-in-out}.input-range input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px #4c75f21a}.input-range input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 10px #4c75f233}.input-range input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 10px #4c75f233}.input-range input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 8px #4c75f21a}.input-range input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 10px #4c75f233}.input-range input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 10px #4c75f233}.bench-settings-wrapper{position:relative;z-index:100;display:none}@media (min-width: 700px){.bench-settings-wrapper{display:block}}.bench-settings{visibility:hidden;opacity:0;max-width:500px;margin-inline:auto;padding:1rem;box-shadow:0 3px 10px #0000001a;background-color:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;clip-path:inset(0% 0% 100% 0%);transition:.3s ease-out}.bench-settings label{color:var(--gray-7);text-transform:uppercase;font-size:var(--font-size-0);font-weight:700}.bench-settings.active{visibility:visible;opacity:1;clip-path:inset(0% -10% -10% -10%)}.bench-items{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"roundness segments random" "text text dots" "actions actions actions";gap:1rem}.bench-items input[type=range]{width:100%}.random-line{grid-area:random}.random-line button{appearance:none;border:0;background-color:var(--gray-2);border-radius:var(--radius-2);display:flex;align-items:center;justify-content:center;gap:var(--size-1);padding-block:var(--size-2);cursor:pointer;transition:.2s ease-out}.roundness{grid-area:roundness}.segments{grid-area:segments}.dots-counter{grid-area:dots}.dots-counter label{display:block;margin-bottom:var(--size-2)}.counter button{appearance:none;border:0;background-color:transparent;border-radius:0;width:1.5rem;height:1.5rem;align-content:center;justify-items:center;font-size:20px}.counter .result{background-color:var(--gray-1);color:#222;padding:4px 1rem;border-radius:10px}.actions{grid-area:actions}.actions>div{display:flex;gap:var(--size-2)}.actions>div>button{flex:1}.actions button{appearance:none;border:0;background-color:var(--gray-2);border-radius:var(--radius-2);display:flex;align-items:center;justify-content:center;gap:var(--size-1);padding-block:var(--size-2);cursor:pointer;transition:.2s ease-out}.actions button svg{width:16px;height:16px}.actions button:hover{background-color:var(--gray-3)}.actions button svg{stroke:transparent;fill:var(--gray-7)}.bench-text{grid-area:text}.bench-text input{width:100%;appearance:none;border:0;background-color:var(--gray-2);border-radius:var(--radius-2);font-size:14px;padding:var(--size-2)}.emoji-buttons{margin-top:var(--size-2);display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-1)}.emoji-buttons button{appearance:none;border:0;background-color:transparent;border-radius:var(--radius-5);padding:2px calc(var(--size-3) - 3px);border:1px solid var(--gray-3);font-size:16px;transition:.3s ease-out;cursor:pointer}.emoji-buttons button:hover{background-color:var(--gray-3)}.ChalkBoardWrapper{max-width:100%}.ChalkBoard{width:500px;height:250px;max-width:100%;margin-inline:auto;border:10px solid;border-top-color:hsl(from #b5764a h s calc(l + 5));border-left-color:hsl(from #b5764a h s calc(l - 5));border-right-color:hsl(from #b5764a h s calc(l - 15));border-bottom-color:hsl(from #b5764a h s calc(l - 12));box-shadow:inset 0 0 10px #000,0 2px 10px #00000080;position:relative;overflow:hidden;z-index:100}.ChalkBoard canvas{display:block;width:100%;height:100%}.ChalkBoardBottom{--increment: 30px;height:10px;width:calc(100% + var(--increment));margin-left:calc(var(--increment) / 2 * -1)}.ChalkBoardBottom:before,.ChalkBoardBottom:after{box-shadow:0 2px 10px #0000004d}.ChalkBoardBottom:before{content:"";display:block;height:18px;background-color:hsl(from #b5764a h s calc(l + 5));clip-path:polygon(3% 0,97% 0,100% 100%,0% 100%)}.ChalkBoardBottom:after{content:"";display:block;height:7px;background-color:hsl(from #b5764a h s calc(l - 15))}.light-switch{anchor-name:--light-switch;position:relative;background-color:#fff;box-shadow:0 3px 6px #0000001a;z-index:1;height:0;overflow:hidden;transition:.3s ease-out}.light-switch.active{height:42px;padding-top:10px}.light-switch .wrapper{width:100%;max-width:1100px;margin-inline:auto;display:grid;grid-template-columns:1fr;gap:clamp(2rem,-.909rem + 14.55vw,10rem);padding:0}@media (min-width: 700px){.light-switch .wrapper{grid-template-columns:1fr 2.75fr 1fr}}.light-switch__item{display:flex;justify-content:center}.light-switch__item:nth-child(1),.light-switch__item:nth-child(3){display:none}@media (min-width: 700px){.light-switch__item:nth-child(1),.light-switch__item:nth-child(3){display:flex}}.color-option{display:inline-flex;margin-right:-6px}.color-option label{display:inline-flex;--size: 1.5rem;width:var(--size);height:var(--size);border:2px solid #fff;border-radius:50%;cursor:pointer;transition:transform .3s cubic-bezier(.39,.575,.565,1)}.color-option label:hover{transform:scale(1.1)}.color-option input[disabled]+label{background-color:#d3d3d3!important;pointer-events:none}.color-option input:checked+label{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6L9 17L4 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size:1rem;background-position:center;background-repeat:no-repeat}.toggle-option{z-index:1}.toggle-option label{--size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:calc(var(--size) * 1.5);height:var(--size);border:2px solid #fff;background-color:gray;border-radius:30px;transition:.3s cubic-bezier(.39,.575,.565,1);cursor:pointer}.toggle-option label:after{content:"";display:inline-flex;width:10px;height:10px;background-color:#fff;transform:translate(3px);border-radius:10px;transition:transform .3s cubic-bezier(.39,.575,.565,1)}.toggle-option input:checked+label{background-color:#b13a48}.toggle-option input:checked+label:after{transform:translate(calc(100% + 8px))}footer[data-astro-cid-sz7xmlte]{text-align:center}