@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");.page_page__ZU32B{width:100%;height:100vh}.page_palette__K_x_Q{height:80vh;display:flex;flex-direction:row}.page_palette__K_x_Q div{width:25%;height:100%;display:flex}.page_palette__K_x_Q div span{font-family:Roboto,sans-serif;text-transform:uppercase;align-self:flex-end;width:100%;text-align:center;margin:5px;font-weight:500;font-size:15px}.page_control_container__4yA4i{height:20vh;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.page_func_container__P39fi{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.page_color_label__O5lL_{padding:10px;font-family:Roboto,sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;position:relative;display:inline-block;cursor:pointer}.page_color_label_tip__x0T_5{visibility:hidden;padding:10px;color:#000;text-align:center;white-space:nowrap;font-size:10px;font-weight:400;position:absolute;z-index:1;transition-property:visibility;transition-delay:0s}.page_color_label__O5lL_:hover .page_color_label_tip__x0T_5{visibility:visible;transition-delay:.1s}.page_button__vnlhW{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:uppercase;background-color:#000;border:2px solid #1a1a1a;border-radius:15px;letter-spacing:3px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;padding:16px 24px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;will-change:transform}.page_button__vnlhW:disabled{pointer-events:none}.page_button__vnlhW:hover{box-shadow:0 8px 15px rgba(0,0,0,.25);transform:translateY(-2px)}.page_button__vnlhW:active{box-shadow:none;transform:translateY(0)}.page_checkbox_wrapper__r7LT5 *,.page_checkbox_wrapper__r7LT5 :after,.page_checkbox_wrapper__r7LT5 :before{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:5px}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy{margin:0;width:0;height:0;display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy+label:before{content:"";display:inline-block;vertical-align:top;height:1.15em;width:1.15em;color:rgba(0,0,0,.275);border:.06em solid;box-shadow:0 0 .04em,inset 0 .06em .16em -.03em,inset 0 0 0 .07em transparent;border-radius:.2em;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="white" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>') no-repeat 50%,#fff;background-size:0;will-change:color,border,background,background-size,box-shadow;transform:translateZ(0);transition:color .1s,border .1s,background .15s,box-shadow .1s}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:enabled+label:active:before,.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:enabled:active+label:before{box-shadow:0 0 .04em,inset 0 .06em .16em -.03em transparent,inset 0 0 0 .07em rgba(0,0,0,.1);background-color:#f0f0f0}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:checked+label:before{background-color:#3b99fc;background-size:.75em;color:rgba(0,0,0,.075)}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:checked:enabled+label:active:before,.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:checked:enabled:active+label:before{background-color:#0a7ffb;color:rgba(0,0,0,.275)}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:focus+label:active:before,.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:focus+label:before,.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:focus:active+label:before{box-shadow:0 0 .04em,inset 0 .06em .16em -.03em transparent,inset 0 0 0 .07em rgba(0,0,0,.1),0 0 0 3.3px rgba(65,159,255,.55),0 0 0 5px rgba(65,159,255,.3)}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy:disabled+label:before{opacity:.5}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy.page_dark__Y3IA9+label:before{color:hsla(0,0%,100%,.275);background-color:#222;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve" fill="rgba(34, 34, 34, 0.999)" viewBox="0 0 9 9"><rect x="0" y="4.3" transform="matrix(-0.707 -0.7072 0.7072 -0.707 0.5891 10.4702)" width="4.3" height="1.6" /><rect x="2.2" y="2.9" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 12.1877 2.9833)" width="6.1" height="1.7" /></svg>')}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy.page_dark__Y3IA9:enabled+label:active:before,.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy.page_dark__Y3IA9:enabled:active+label:before{background-color:#444;box-shadow:0 0 .04em,inset 0 .06em .16em -.03em transparent,inset 0 0 0 .07em hsla(0,0%,100%,.1)}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy.page_dark__Y3IA9:checked+label:before{background-color:#a97035;color:hsla(0,0%,100%,.075)}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy.page_dark__Y3IA9:checked:enabled+label:active:before,.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy.page_dark__Y3IA9:checked:enabled:active+label:before{background-color:#c68035;color:rgba(0,0,0,.275)}.page_checkbox_wrapper__r7LT5 [type=checkbox].page_substituted__6kXUy+label{font-family:Roboto,sans-serif;font-size:15px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media only screen and (max-width:768px){.page_palette__K_x_Q{flex-direction:column}.page_palette__K_x_Q div{width:100%;height:25%}}