@import url(https://fonts.googleapis.com/css2?family=Mali:ital@0;1&display=swap);body{margin:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,svg,video{height:auto;max-width:100%}a{text-decoration:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.vertical-rhythm-1{margin-bottom:24px}.vertical-rhythm-2{margin-bottom:48px}.vertical-rhythm-3{margin-bottom:72px}.title-group{grid-gap:.75rem .5rem;align-items:center;display:grid;gap:.75rem .5rem;grid-template-columns:auto 1fr}.title-group__big{grid-column:1/3}.title-group__small{letter-spacing:.01em;margin-bottom:.01em;text-transform:uppercase}.title-group__icon{fill:currentColor;grid-row:2}.title-group__icon--easy{color:#8cd33b}.title-group__icon--medium{color:#e9cd32}.title-group__icon--hard{color:#f09c3c}.title-group__icon--expert{color:#e04834}.page-title{color:#454545;font-size:1.5em;font-weight:700;letter-spacing:.01em;line-height:1.1em;text-transform:uppercase}.section-title{color:#333;font-size:1.125em;font-weight:700;line-height:1.3em}.body-copy{grid-gap:24px;display:grid;font-size:1em;gap:24px}.body-copy,.small{line-height:1.5em;max-width:72ch}.small{font-size:.9em}.button{background:#0000;border:none;cursor:pointer;font-family:inherit;font-size:1em;line-height:1em;padding:0}.button__layout{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;justify-items:start}.button__layout--icon-left{grid-template-columns:auto 1fr}.button__layout--icon-right{grid-template-columns:1fr auto}.button_style-solid{letter-spacing:1px;padding:.7rem .9rem .9rem;text-transform:uppercase}.button_style-solid--primary{background:#06f;color:#fff}.button_style-solid--default{background:#ccc;color:#333}.button_style-outline{border:3px solid #06f;color:#06f;font-weight:700;letter-spacing:1px;padding:.8rem .8rem .9rem;text-transform:uppercase}.button--disabled{background:#ebebeb;color:#9e9e9e}.button__icon{fill:currentColor}.button__text{margin-bottom:.02em}.link{font-family:inherit;font-size:1em;line-height:1.3em}.link_style-text{color:#06f}.link_style-solid{background:#06f;color:#fff;padding:.5rem .7rem .6rem}.link_style-outline,.link_style-solid{letter-spacing:1px;text-transform:uppercase}.link_style-outline{border:3px solid #06f;color:#06f;font-weight:700;padding:.8rem .8rem .9rem}.list{list-style:none}.list>li{padding-left:12px;position:relative}.list>li:before{content:"-";left:0;position:absolute;top:0}.list>li:not(:first-child){margin-top:6px}.text_family-sans{font-family:inherit}.text_family-cursive{font-family:Mali,cursive}.text_style-normal{font-style:normal}.text_style-italic{font-style:italic}.text_weight-regular{font-weight:400}.text_weight-bold{font-weight:700}.text_uppercase{letter-spacing:.01em;text-transform:uppercase}.transition{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;position:relative;width:100%}.transition,.transition__wrapper{align-items:center;justify-content:center}.transition__wrapper{display:flex;padding:2rem}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}.swipe-enter{opacity:0}.swipe-enter-active{animation:move .4s ease-out reverse;opacity:1;transition:all .25s ease-in-out .15s}.swipe-exit{opacity:1}.swipe-exit-active{animation:move .4s ease-in;opacity:0;transition:opacity .25s ease-in-out .15s}@keyframes move{0%{margin-left:0}15%{margin-left:-5%}20%{margin-left:-5%}to{margin-left:100%}}.form_layout-grid{grid-gap:1rem;display:grid;gap:1rem;padding:1rem;width:100%}.form_color-default{background:#eaeaea}.form__field{grid-gap:.25rem;display:grid;gap:.25rem}.field{border:1px solid;font-family:inherit;font-size:1em;padding:.1em .35em .25em;width:100%}.field:focus{outline:2px solid}.field_color-default{border-color:#aaa}.field_color-default:focus{outline-color:#aaa}.field_color-error{background:#ffe7e7;border-color:#dfc6c6;color:#724848}.field_color-error:focus{outline-color:#dfc6c6}.field__error{color:#441717;font-size:.9em;font-style:italic;line-height:1.3em;text-align:right}.select{border:1px solid;font-family:inherit;font-size:1em;padding:.1em .125em .25em;width:100%}.select:focus{outline:2px solid}.select_color-default{background:#fff;border-color:#aaa}.select_color-default:focus{outline-color:#aaa}.select_color-error{background:#ffe7e7;border-color:#dfc6c6;color:#724848}.select_color-error:focus{outline-color:#dfc6c6}.label{color:#1d1d1d;font-size:1em;font-weight:700;line-height:1.3em}.alert{border-style:solid;border-width:1px;font-size:1em;line-height:1.5em;padding:1rem}.alert_layout-icon{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:auto 1fr;text-align:center}.alert_color-error{background:#ffe7e7;border-color:#dfc6c6;color:#724848}.alert_color-success{background:#8ecc85;border-color:#77b66d;color:#1e4118}.alert__icon{fill:currentColor}.app{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;display:flex;justify-content:space-between;padding:24px}.header_theme-homepage{background:#1d1d1d;color:#ccc}.header_theme-default{background:#eaeaea;color:#333}@media screen and (min-width:500px){.header__container{align-items:center;display:flex;gap:2rem}}.header__nav{align-items:center;display:flex;gap:2rem;margin-top:24px}@media screen and (min-width:500px){.header__nav{margin-top:0}}.header__logo{flex-shrink:0}.header__logo-icon{margin-left:-.5rem}.footer{background:#eaeaea;color:#333;padding:48px 48px 72px;text-align:center}.footer,.main{display:flex;justify-content:center}.main{align-items:center;flex-grow:1;padding:24px 24px 48px}.main--public{animation:drift 180s linear infinite;background:#666 0 repeat}@keyframes drift{to{background-position:0 0}0%{background-position:-100% 100%}}.main_theme-homepage{background:#1d1d1d;color:#ccc}.section{grid-gap:1rem;display:grid;gap:1rem}.page{grid-gap:48px;align-self:flex-start;display:grid;gap:48px;position:relative;width:100%}.slidein{box-shadow:0 2px 8px 0 #79797980;opacity:0;position:fixed;right:2rem;top:6rem;transform:translateX(100%);transition:all .3s ease-in-out}.slidein-show{opacity:1;transform:translateX(0);transition:all .4s ease-in-out}.slidein__dismiss{align-items:center;background:#454545;border:none;border-radius:1rem;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;position:absolute;right:-.75rem;top:-.75rem;width:2rem}.slidein__icon{fill:currentColor;color:#eaeaea;height:1rem;width:1rem}.prompt{grid-gap:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 0 2rem 0 #000000bf;display:grid;gap:1.5rem;justify-items:center;max-width:360px;padding:2rem;width:100%}.prompt__brand{align-items:center;display:flex;justify-content:center}.prompt__form{grid-gap:1.5rem;display:grid;gap:1.5rem;justify-items:center;width:100%}.prompt__fields{grid-gap:.75rem;display:grid;gap:.75rem;width:100%}.floating-field{border:1px solid;height:4rem;padding:.5rem;position:relative;width:100%}.floating-field_color-default{background:#eaeaea;border-color:#ccc}.floating-field_color-default .floating-field__togglePassword{color:#464646}.floating-field_color-default .floating-field__input{outline-color:#ccc}.floating-field_color-error{background:#ffe7e7;border-color:#dfc6c6}.floating-field_color-error .floating-field__togglePassword{color:#724848}.floating-field_color-error .floating-field__input{outline-color:#dfc6c6}.floating-field:focus-within{padding-left:.5rem}.floating-field:focus-within .floating-field__label{font-size:.9em;letter-spacing:.01em;text-transform:uppercase;top:.5rem;transform:translateY(0)}.floating-field_color-default .floating-field:focus-within .floating-field__label{color:#666}.floating-field_color-error .floating-field:focus-within .floating-field__label{color:#5e4747}.floating-field:focus-within .floating-field__togglePassword{display:flex}.floating-field--inactive{padding-left:1rem}.floating-field--inactive .floating-field__label{font-size:1.125em;text-transform:inherit;top:50%;transform:translateY(-60%)}.floating-field_color-default .floating-field--inactive .floating-field__label{color:#333}.floating-field_color-error .floating-field--inactive .floating-field__label{color:#3d2d2d}.floating-field--inactive .floating-field__togglePassword{display:none}.floating-field__label{font-size:.9em;letter-spacing:.01em;line-height:1em;position:absolute;text-transform:uppercase;top:.5rem;transform:translateY(0);transition:all .25s ease-in-out}.floating-field_color-default .floating-field__label{color:#666}.floating-field_color-error .floating-field__label{color:#5e4747}.floating-field__input{background:#0000;border:none;font-family:inherit;font-size:1.125em;height:100%;left:0;line-height:1em;padding:2rem .5rem 1rem;position:absolute;top:0;width:100%}.floating-field__input:focus{outline-style:solid;outline-width:4px}.floating-field__error{color:#3d2d2d;font-size:.9em;font-style:italic;position:absolute;right:.75rem;text-align:right;top:.45rem}.floating-field__togglePassword{align-items:center;background:none;border:none;bottom:.5rem;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:0;position:absolute;right:.75rem;width:1.5rem}.floating-field__togglePassword-icon{fill:currentColor}.loading{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.loading__square{animation:color 1.8s ease-in-out infinite reverse;background:#0066ff1a;height:1.5rem;width:1.5rem}.loading__square--1{animation-delay:0s}.loading__square--2{animation-delay:.2s}.loading__square--3{animation-delay:.4s}.loading__square--4{animation-delay:.6s}.loading__square--5{animation-delay:.8s}.loading__square--6{animation-delay:1s}.loading__square--7{animation-delay:1.2s}.loading__square--8{animation-delay:1.4s}.loading__square--9{animation-delay:1.6s}@keyframes color{0%{background:#0066ff1a}to{background:#06f}}.start{align-items:center;display:grid;justify-items:center}.start__prompt{font-size:1.25em;font-weight:700;line-height:1.4em;margin-bottom:1rem}.board{height:calc(27rem + 8px);width:27rem}.board__row{display:flex}.board__row:first-child{border-top:1px solid #ccc}.board__row:nth-child(4),.board__row:nth-child(7){border-top:2px solid #adadad}.board__cell{align-items:center;border:1px solid #ccc;border-right:none;border-top:none;display:flex;font-size:1.5em;height:3rem;justify-content:center;line-height:1em;position:relative;width:3rem}.board__cell--readonly{color:#454545;font-weight:700}.board__cell--readonly:focus{outline:2px dashed #06f;outline-offset:-2px}.board__cell--missing{background:#daedff;border-color:#b4cadf;color:#1e2e3e}.board__cell--duplicates{background:#fffba1;border-color:#e0dc81;color:#684900}.board__cell--complete{background:#d1fcce;border-color:#a9d8a6;color:#111f10}.board__cell--default{background:#fff;color:#333}.board__cell:nth-child(3),.board__cell:nth-child(6){border-right:1px solid #adadad}.board__cell:nth-child(4),.board__cell:nth-child(7){border-left:1px solid #adadad}.board__cell:nth-child(9){border-right:1px solid #ccc}.board__cell:focus-within{position:relative;z-index:1}.board__cell:hover .board__reset{opacity:1}.board__input{background:#0000;border:none;font-size:inherit;height:100%;line-height:inherit;text-align:center;width:100%}.board__input--default{color:inherit}.board__input--guess{color:#1160c2}.board__input:focus{outline:3px solid #06f}.board__reset{align-items:center;background:#06f;border:none;border-radius:1rem;box-shadow:0 0 3px 0 #00163680;color:#fff;cursor:pointer;display:flex;height:1.5rem;justify-content:center;left:-.25rem;opacity:0;padding:0;position:absolute;top:-.25rem;transition:opacity .2s ease-in-out;width:1.5rem;z-index:2}.board__reset-icon{fill:currentColor}.puzzle-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media(min-width:1100px){.puzzle-list{grid-template-columns:repeat(4,1fr)}}.puzzle-list__item{grid-gap:.5rem .75rem;align-items:start;display:grid;gap:.5rem .75rem;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.puzzle-list__icon{fill:currentColor;grid-row:1/3}.puzzle-list__icon--easy{color:#8cd33b}.puzzle-list__icon--medium{color:#e9cd32}.puzzle-list__icon--hard{color:#f09c3c}.puzzle-list__icon--expert{color:#e04834}.puzzle-list__icon--inprogress{color:#7cb0cc}.puzzle-list__icon--completed{color:#8ecc85}.puzzle-list__icon--default{color:#5b78a5}.puzzle-list__date{color:#454545;font-size:.9em;letter-spacing:.01em;line-height:1em;text-transform:uppercase}.create-puzzle{grid-gap:2rem;align-items:start;display:grid;gap:2rem;justify-items:start}@media(min-width:500px)and (max-width:949px){.create-puzzle{grid-template-columns:16rem 1fr;grid-template-rows:auto auto 1fr}.create-puzzle__fields{grid-row:1/3}.create-puzzle__board{grid-row:3}.create-puzzle__errors{grid-column:2;grid-row:2}}@media(min-width:950px){.create-puzzle{grid-template-columns:16rem auto 1fr;grid-template-rows:auto 1fr}.create-puzzle__board,.create-puzzle__fields{grid-row:1/-1}.create-puzzle__errors{grid-column:3;grid-row:2}}.view-puzzle{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:320px 1fr 260px .25fr}.view-puzzle__subgrids{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:580px;justify-items:start}.view-puzzle__main{align-items:center;display:grid;grid-template-columns:repeat(9,3rem) 1fr;grid-template-rows:repeat(2,3rem) calc(3rem + 2px) repeat(2,3rem) calc(3rem + 2px) repeat(2,3rem) 1fr;justify-items:center}.view-puzzle__board{align-self:start;grid-column:1/10;grid-row:1/10;justify-self:start}.view-puzzle__actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;justify-items:start}.view-puzzle__mark-mode{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr auto 1fr}.view-puzzle__mark-button{border:none;color:#fff;font-size:1.5em;line-height:1em;padding:.25rem 1rem .5rem;text-align:center;transition:all .2s ease-in-out}.view-puzzle__mark-button--default{background:#333}.view-puzzle__mark-button--guess{background:#1160c2}.view-puzzle__mark-button--press{cursor:pointer}.validation,.view-puzzle__toggle-tips{display:grid}.validation_style-row{align-items:center;grid-auto-flow:column;justify-self:start}.validation_style-row .validation__button{display:flex}.validation_style-row .validation__square{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-top:1px solid #ccc}.validation_style-row .validation__square:last-child{border-right-style:solid;border-right-width:1px}.validation_style-row .validation__tip{margin-left:.25rem}.validation_style-col{align-self:start;justify-items:center}.validation_style-col .validation__square{border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc}.validation_style-col .validation__square:last-child{border-bottom-style:solid;border-bottom-width:1px}.validation_style-col .validation__tip{margin-top:.25rem}.validation_style-sub{align-items:start;grid-auto-flow:column}.validation_style-sub .validation__button{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:0}.validation_style-sub .validation__square{border-left:1px solid #ccc;border-top:1px solid #ccc}.validation_style-sub .validation__square:nth-child(3n){border-right-style:solid;border-right-width:1px}.validation_style-sub .validation__square:nth-last-child(-n+3){border-bottom-style:solid;border-bottom-width:1px}.validation_style-sub .validation__tip{margin-left:.75rem}.validation_color-default .validation__square{border-color:#7a7a7a}.validation_color-default .validation__square--current{background:#ccc}.validation_color-visible .validation__square{background:#daedff;border-color:#7f95aa}.validation_color-visible .validation__square--current{background:#a7bed3}.validation_color-visible .validation__tip{background:#daedff;border-color:#a0b9d1;box-shadow:0 2px 8px 0 #6385a380;color:#1a2733}.validation_color-error .validation__square{background:#fffba1;border-color:#b6a15e}.validation_color-error .validation__square--current{background:#dfcb8b}.validation_color-error .validation__tip{background:#fffba1;border-color:#dac37b;box-shadow:0 2px 8px 0 #ddc474b3;color:#301d00}.validation_color-complete .validation__square{background:#d1fcce;border-color:#89b183}.validation_color-complete .validation__square--current{background:#abd2a7}.validation__button{background:none;border:none;cursor:pointer;padding:.5rem}.validation__square{height:1rem;width:1rem}.validation__tip{grid-gap:.2rem;border:1px solid #0000;display:grid;font-size:.9em;font-weight:700;gap:.2rem;padding:.4rem .5rem .5rem}.validation__tip--horizontal{grid-auto-flow:column}.section-title-icon{align-items:center;display:flex}.section-title-icon__icon{fill:currentColor;color:#454545;margin-right:.5rem}.indicator{background:#ccc;background:radial-gradient(ellipse,#fff 50%,#b6b6b6 100%);border-radius:1rem;box-shadow:inset 0 0 5px 1px #ddd;height:2rem;overflow:hidden;position:relative;width:4rem}.indicator--start .indicator__button{left:0;top:0}.indicator--end .indicator__button{left:calc(100% - 2rem);top:calc(100% - 2rem)}.indicator__button{background:#06f;background:radial-gradient(circle at 70% 25%,#3787ff 0,#06f 30%,#004ab9 100%);border:none;border-radius:2rem;box-shadow:-1px 1px 5px 0 #00245acc;cursor:pointer;height:2rem;padding:0;position:absolute;transition:all .2s ease-in-out;width:2rem}.color-picker{align-items:flex-start;display:flex;position:relative}.color-picker__button{cursor:pointer;margin-right:1rem;padding:.25rem}.color-picker__sample{height:2rem;width:2rem}.color-picker__modal{left:4rem;position:absolute;top:0;z-index:1}.color-picker__modal-style{background:#fff;border-radius:.25rem;box-shadow:0 0 10px 0 #33333380;height:calc(50px + 2rem);padding:1rem;width:300px}.settings__form{grid-gap:1rem;align-items:start;border:1px solid #ccc;border-radius:.25rem;display:grid;gap:1rem}@media(min-width:600px){.settings__form{grid-template-columns:auto 1fr;grid-template-rows:repeat(3,auto) 1fr;justify-items:start}}@media(min-width:970px){.settings__form{grid-template-columns:auto repeat(3,1fr);grid-template-rows:auto 1fr}}.settings__form-title{align-self:stretch;background:#eaeaea;border-bottom:1px solid #dbdbdb;color:#666;padding:.75rem 1rem;text-transform:uppercase}@media(min-width:600px){.settings__form-title{border-bottom:none;border-right:1px solid #dbdbdb;grid-row:1/-1}}.settings__form-subtitle{color:#666;font-size:1em;font-weight:700;letter-spacing:.01em;line-height:1em;text-transform:uppercase}.settings__form-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-rows:repeat(5,auto) 1fr;margin:0 1rem}@media(min-width:600px){.settings__form-section{margin:1rem 0 0}}.settings__form-subsection{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);max-width:14rem;width:100%}.settings__form-subsection .settings__form-label{grid-column:span 2}.settings__form-toggle{background:#fff;border:3px solid #999;color:#333;cursor:pointer;font-family:inherit;font-size:100%;line-height:1.3em;padding:.2rem .5rem .3rem}.settings__form-toggle--selected{background:#06f;border-color:#06f;color:#fff}.settings__form-button{justify-self:start;margin:0 1rem 1rem}@media(min-width:600px){.settings__form-button{margin:0 0 1rem}}.settings__preview{font-size:1.5em}
/*# sourceMappingURL=main.cb6c98fa.css.map*/