.client-wrapper{display:flex;flex-direction:row;max-width:100vw;overflow-x:hidden;position:relative}.language-selector{position:fixed;top:20px;right:20px;z-index:1000}.burger-grid{position:fixed;top:20px;left:20px;z-index:30000}.main-content-container{padding-top:20px!important;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:100vw}.go-to-main-button{align-items:flex-start;margin-right:auto}.message-field{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99000;padding:30px;width:20%;min-width:300px;max-width:90%;flex-direction:column;background-color:rgb(255,255,255);border:1px solid rgba(0,0,0,.471);border-radius:4px}.confirm-delete-btn-wrapper,.message-field{display:flex;align-items:center;justify-content:center}.confirm-delete-btn-wrapper{gap:20px;margin-top:20px}@media (max-width:768px){.main-content-container{width:100%!important;padding:10px!important}.burger{margin-top:0!important;height:25px!important;width:25px!important;top:0!important}.burger-grid{top:10px;left:10px}.your-sets-title{position:fixed;top:0!important;height:25px!important;font-size:20px!important}.go-to-main-button{margin:20px 10px 10px!important}.message-field{width:80%;max-width:calc(100vw - 20px);padding:20px}}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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{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}@layer reset, base, components, utilities, overrides;:root{--color-primary:#ffe6f1;--color-secondary:#ffdbab;--color-background:#f5f7fa;--color-section:#ffdbab;--color-text:#333;--color-border:#d8d8d8;--color-border-light:rgb(190,190,190);--color-border-dark:rgb(201,201,201);--color-error:#d0021b;--color-success:#7ed321;--color-main-green:rgb(132,255,128);--color-main-yellow:rgb(251,255,128);--color-white:#ffffff;--color-white-hover:#e7e7e7;--color-placeholder:rgb(160,160,160);--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--border-thin:1px;--border-medium:2px;--space-xs:4px;--space-sm:8px;--space-md:10px;--space-lg:16px;--space-xl:20px;--space-2xl:30px;--space-3xl:50px;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:2rem;--font-primary:"Funnel Sans",sans-serif;--font-secondary:"Racing Sans One",sans-serif;--min-w-button:90px;--min-h-input:30px;--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--page-gutter:max(16px,env(safe-area-inset-left),env(safe-area-inset-right));--page-gutter-x:calc(var(--page-gutter))}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.border{border:var(--border-thin) solid var(--color-border)}.border-light{border:var(--border-thin) solid var(--color-border-light)}.border-dark{border:var(--border-thin) solid var(--color-border-dark)}.border-medium{border:var(--border-medium) solid var(--color-border)}.bg-white{background-color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.text-primary{color:var(--color-text)}.text-placeholder{color:var(--color-placeholder)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}body{font-family:var(--font-primary);background-image:url(/background.svg);background-size:cover;background-position:50%;background-attachment:fixed;overflow:hidden}body,html,p{font-size:var(--font-base)}body,h1,h2,html,p{font-family:var(--font-primary)!important}h2{font-size:var(--font-2xl)!important;font-weight:600!important}h3{font-family:var(--font-primary)!important}button,select{padding:var(--space-md) var(--space-xl);margin:0 var(--space-md);min-width:var(--min-w-button);font-size:var(--font-base);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);white-space:nowrap;background-color:var(--color-white)}input[type=text]{border:var(--border-thin) solid var(--color-border-light);border-radius:var(--radius-sm);min-height:var(--min-h-input);margin:0 var(--space-md)}input[type=text]::placeholder{color:var(--color-placeholder);padding-left:var(--space-xs)}button:hover,svg:hover{cursor:pointer}button:hover{background-color:var(--color-white-hover)}.archive-icon,.trash-icon{width:16px;height:16px;flex-shrink:0;align-self:center}.plus-icon{flex-shrink:0}@layer overrides{@media (max-width:768px){:root{--h1:clamp(26px,6.2vw,34px);--text:clamp(14px,3.4vw,16px);--radius:var(--radius-lg);--pad:12px}body{font-size:var(--text);padding:0 10px}.set-card{padding:var(--pad);border-radius:var(--radius);margin:10px}.btn,.btn-add-set,.btn-edit-sets{padding:var(--space-md) 14px;margin:0 5px}button,input[type=text],select{margin:0 5px}.client-wrapper{height:100%!important;padding:0 10px}.sets-control{margin-top:30%!important;padding:0 10px}}}.sets-control{justify-content:center;align-content:center}.manage-set-content{padding:20px;border-radius:8px;width:80%;background-color:#ffffff;margin:30px auto auto}.manage-set-content,.manage-set-content-header{display:flex;justify-content:center;flex-direction:column}.manage-set-content-header{align-items:center;text-align:center}.manage-set-title{padding:30px;font-size:30px;font-weight:600;margin-top:20px}.manage-set-title.all-sets{text-align:left;padding:8px 0 0}.manage-set-title.all-sets h2{font-size:20px!important;font-weight:600!important}.wordlist-container{height:100%;width:100%}.wordlist-container ul{justify-content:center;align-items:center;list-style-type:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:12px}.wordlist-item{display:flex;flex:1 1;background-color:#e7e7e7;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.1);gap:20px;overflow:hidden;min-height:50px;min-width:100%;width:100%;margin-bottom:6px;align-items:center;min-height:40px;font-size:15px}.wordlist-item-back,.wordlist-item-front{flex:1 1;text-align:center;height:40px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 10px;overflow-wrap:break-word;overflow:hidden}.wordlist-item-back :hover,.wordlist-item-front :hover{background-color:#f0f0f0;cursor:pointer}.wordlist-item-archive,.wordlist-item-delete{grid-column:1/2;display:flex;justify-content:center;min-height:40px;min-width:50px;border-radius:4px}.wordlist-item-delete{background-color:rgb(255,75,108)}.wordlist-item-archive{background-color:rgb(255,233,229)}.wordlist-item-delete:hover{cursor:pointer}.editword-input-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap}.editword-input-field{flex:1 1;text-align:center;height:30px;font-size:14px;box-sizing:border-box}.switch{grid-column:4/5;position:relative;display:inline-block;width:50px;height:28px;right:3px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;margin-top:3px;top:0;left:0;right:0;bottom:0;background-color:#e8e8e8;transition:.1s;border-radius:34px;height:22px;width:40px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--color-secondary)}input:checked+.slider:before{transform:translateX(18px)}.add-word-form-manage-page{width:100%}.add-word-form-manage-page .add-word-field{display:flex;flex-direction:column;align-content:center;align-items:center;margin-bottom:20px;width:100%}.add-word-form-manage-page .add-word-field legend{margin:0;text-align:center;width:100%;font-weight:700}.add-word-form-manage-page .add-word-field label{margin:0;padding:0;display:flex;flex-direction:column;width:100%;height:50px;align-items:center}.add-word-form-manage-page .add-word-field p{margin-top:20px;margin-bottom:20px;font-size:12px}.add-word-form-manage-page .word-input-field{padding:0;width:100%;height:100%}.add-word-form-manage-page .separator-line{border-bottom:1px solid rgb(48,48,48);height:0;width:100%;margin-top:20px;margin-bottom:20px}.add-word-form-manage-page .set-option-button-container{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%}.add-word-form-manage-page.all-sets{width:50%;text-align:left!important}.add-word-form-manage-page.all-sets p{align-self:flex-start}.add-word-form-manage-page.all-sets label{height:30px}.manage-all-sets-set-container{width:80%}.add-to-title{margin-bottom:15px}.sets-separator-line{border-bottom:1px solid rgb(48,48,48);width:100%}@media (max-width:768px){.manage-set-content{display:flex;justify-content:center;align-items:center}.manage-all-sets-set-container{width:100%;margin-bottom:20px;padding:0 10px}.manage-set-title{margin-bottom:30px;padding:10px}.manage-set-content-header{width:100%}.wordlist-container{padding:0 10px}.add-word-field{padding:0!important}.wordlist-item-back,.wordlist-item-front{flex:1 1;text-align:center;height:40px;font-size:2.2vmin;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow-wrap:break-word;overflow:hidden;padding:1px}.set-option-button-container{padding:0 10px;flex-wrap:wrap}.set-option-button-container button{max-width:90px}}.sets-control{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:16px;font-size:30px;font-weight:600;padding:8px;max-width:100vw}.sets-control h2{margin:16px}.sets-grid{width:100%;max-width:100vw;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.sets-grid>ul{display:flex;flex-direction:row;justify-content:flex-start;gap:26px;max-width:100%;touch-action:pan-y}.options-grid{display:flex;justify-content:space-between;width:100%;margin:10px auto 30px;padding:0 10px;margin-right:100px;margin-left:0}.btn-add-set{margin-left:0;background-color:var(--color-main-green)}@media (min-width:768px){.sets-grid{display:flex;justify-content:center}}@media (max-width:768px){.main-content-container{padding:10px!important}.sets-control{padding:10px}.sets-control h2{margin:16px 10px}.sets-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sets-grid::-webkit-scrollbar{display:none}.sets-grid{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:50%}.sets-grid .snap-list,.sets-grid>ul{display:flex;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-padding-inline:var(--page-gutter-x);padding-inline:var(--page-gutter-x);margin:0;list-style:none}.snap-list::-webkit-scrollbar{display:none}.snap-list{scrollbar-width:none}.sets-grid .snap-item{flex:0 0 auto;width:min(85vw,420px);scroll-snap-align:center;scroll-snap-stop:always}.snap-item{flex:0 0 calc(100vw - 2*var(--page-gutter-x));scroll-snap-align:center}.dots-container{height:20px;width:100%;display:flex;flex-direction:row;justify-content:center;margin:0 auto}.dot{height:10px;width:10px;border-radius:100%;background-color:rgb(201,201,201);margin:0 5px}}
/*# sourceMappingURL=753c01834dc827bd.css.map*/