.css-example-module__Ul-NSa__container-wrapper{--green:#b2e299;--black:#27283f;--yellow:#f8f088;--white:#fefcec;--grey:#b9b9b9;--spacing-sm:.75em;--spacing-md:.1em;--spacing-lg:1.5em;--spacing-xl:2em;--border-width:.5em;--border-width-thick:4px;--border-radius:50%;--border-radius-rect:3em;--border-radius-forms:1em;--color-primary:var(--black);--color-secondary:var(--grey);--color-bg:var(--color-bg-primary);--color-issue:#e74c3c;--transition-base:all .3s ease;color:var(--color-primary);background:var(--color-bg);box-sizing:border-box;min-height:100vh;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.css-example-module__Ul-NSa__container-wrapper *{box-sizing:border-box}@font-face{font-family:BM-Jua;src:url(/fonts/BMJUA.woff2)format("woff2")}.css-example-module__Ul-NSa__container-wrapper h1,.css-example-module__Ul-NSa__container-wrapper h2,.css-example-module__Ul-NSa__container-wrapper h3,.css-example-module__Ul-NSa__container-wrapper p,.css-example-module__Ul-NSa__container-wrapper button,.css-example-module__Ul-NSa__container-wrapper input,.css-example-module__Ul-NSa__container-wrapper select{font-family:BM-Jua,sans-serif}.css-example-module__Ul-NSa__page-header h1{font-size:2.5em}.css-example-module__Ul-NSa__section-title{font-size:1.5em}.css-example-module__Ul-NSa__page-header{margin-bottom:var(--spacing-xl)}.css-example-module__Ul-NSa__container{max-width:1200px;margin:0 auto}.css-example-module__Ul-NSa__component-section{padding:var(--spacing-xl);background:#fff;border-radius:8px;margin-bottom:3em}.css-example-module__Ul-NSa__section-title{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thick)solid var(--color-primary)}.css-example-module__Ul-NSa__icon-grid,.css-example-module__Ul-NSa__form-grid,.css-example-module__Ul-NSa__basket-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.css-example-module__Ul-NSa__icon-demo,.css-example-module__Ul-NSa__form-demo,.css-example-module__Ul-NSa__basket-demo,.css-example-module__Ul-NSa__input-demo{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.css-example-module__Ul-NSa__icon-label,.css-example-module__Ul-NSa__form-label,.css-example-module__Ul-NSa__basket-label{color:var(--color-secondary);text-align:center;font-size:.875em}.css-example-module__Ul-NSa__btn-base{border:var(--border-width-thick)solid var(--color-primary);color:var(--color-primary);cursor:pointer;transition:var(--transition-base);background:0 0;font-weight:700}.css-example-module__Ul-NSa__btn-base:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg);transform:translateY(-2px)}.css-example-module__Ul-NSa__btn-base:active:not(:disabled){transform:translateY(0)}.css-example-module__Ul-NSa__btn-base:disabled{color:var(--color-secondary);border-color:var(--color-secondary);cursor:not-allowed;opacity:.6;background:0 0}.css-example-module__Ul-NSa__icon-btn{border:var(--border-width)solid var(--color-primary);padding:var(--spacing-md);border-radius:var(--border-radius);justify-content:center;align-items:center;min-width:3em;min-height:3em;font-size:1.5em;line-height:1;display:flex;position:relative;}.css-example-module__Ul-NSa__icon-btn:active:not(:disabled){top:.08em}.css-example-module__Ul-NSa__icon-btn--back .css-example-module__Ul-NSa__svg-icon{transform:rotate(0)}.css-example-module__Ul-NSa__icon-btn--proceed .css-example-module__Ul-NSa__svg-icon{transform:rotate(180deg)}.css-example-module__Ul-NSa__icon-btn--open .css-example-module__Ul-NSa__svg-icon{transform:rotate(-90deg)}.css-example-module__Ul-NSa__icon-btn--closed .css-example-module__Ul-NSa__svg-icon{transform:rotate(90deg)}.css-example-module__Ul-NSa__icon-btn--checked,.css-example-module__Ul-NSa__icon-btn--filled,.css-example-module__Ul-NSa__icon-btn--active{background:var(--color-primary);color:var(--color-bg)}.css-example-module__Ul-NSa__svg-icon{width:1em;height:1em;transition:var(--transition-base);flex-shrink:0;position:relative}.css-example-module__Ul-NSa__icon-btn--favorite:not(.css-example-module__Ul-NSa__icon-btn--filled){color:var(--color-primary)}.css-example-module__Ul-NSa__icon-btn--favorite.css-example-module__Ul-NSa__icon-btn--filled{background:var(--color-primary);color:var(--color-bg)}.css-example-module__Ul-NSa__form-input,.css-example-module__Ul-NSa__form-select{padding:var(--spacing-sm)var(--spacing-md);border:var(--border-width-thick)solid var(--color-primary);border-radius:var(--border-radius-forms);color:var(--color-primary);width:100%;transition:var(--transition-base);background:#fff;padding-left:.8em;font-size:1em}.css-example-module__Ul-NSa__form-input:focus,.css-example-module__Ul-NSa__form-select:focus{border-color:var(--green);outline:none}.css-example-module__Ul-NSa__form-input:disabled,.css-example-module__Ul-NSa__form-select:disabled{color:var(--color-secondary);border-color:var(--color-secondary);cursor:not-allowed;opacity:.6}.css-example-module__Ul-NSa__form-input--issue{border-color:var(--color-issue);border-style:dashed}.css-example-module__Ul-NSa__select-wrapper{width:100%;position:relative}.css-example-module__Ul-NSa__form-select{appearance:none;cursor:pointer;padding-right:2.5em}.css-example-module__Ul-NSa__select-arrow{right:var(--spacing-sm);pointer-events:none;width:1em;height:1em;fill:var(--color-primary);transition:var(--transition-base);position:absolute;top:50%;transform:translateY(-50%)rotate(-90deg)}.css-example-module__Ul-NSa__form-select:focus+.css-example-module__Ul-NSa__select-arrow{transform:translateY(-50%)rotate(90deg)scale(1.1)}.css-example-module__Ul-NSa__input-group{border:none;padding:0;display:contents}.css-example-module__Ul-NSa__group-legend{color:var(--color-primary);margin-bottom:var(--spacing-md);grid-column:1/-1;font-size:1em}.css-example-module__Ul-NSa__input-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;flex-direction:column;display:flex}.css-example-module__Ul-NSa__input-control{opacity:0;width:1px;height:1px;position:absolute}.css-example-module__Ul-NSa__input-custom{border:var(--border-width)solid var(--color-primary);width:3em;height:3em;transition:var(--transition-base);background:0 0;justify-content:center;align-items:center;display:flex}.css-example-module__Ul-NSa__input-custom .css-example-module__Ul-NSa__svg-icon{opacity:0;transition:var(--transition-base);color:var(--color-bg);fill:var(--color-bg);transform:scale(0)}.css-example-module__Ul-NSa__input-text{color:var(--color-primary);text-align:center;font-size:.875em}.css-example-module__Ul-NSa__input-control:checked+.css-example-module__Ul-NSa__input-custom{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.css-example-module__Ul-NSa__input-control:checked+.css-example-module__Ul-NSa__input-custom .css-example-module__Ul-NSa__svg-icon{opacity:1;color:var(--color-bg);fill:var(--color-bg);transform:scale(1)}.css-example-module__Ul-NSa__input-label:hover .css-example-module__Ul-NSa__input-custom{transform:translateY(-2px)}.css-example-module__Ul-NSa__input-control:disabled+.css-example-module__Ul-NSa__input-custom{border-color:var(--color-secondary);cursor:not-allowed;opacity:.6}.css-example-module__Ul-NSa__input-control:disabled:checked+.css-example-module__Ul-NSa__input-custom{background:var(--color-secondary)}.css-example-module__Ul-NSa__input-control:disabled~.css-example-module__Ul-NSa__input-text{color:var(--color-secondary)}.css-example-module__Ul-NSa__input-custom--radio{border-radius:var(--border-radius)}.css-example-module__Ul-NSa__input-custom--checkbox{border-radius:var(--border-radius-forms)}.css-example-module__Ul-NSa__basket-btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--border-radius-rect);align-items:center;gap:.5em;font-size:1em;display:flex;}.css-example-module__Ul-NSa__basket-btn__text{line-height:1}.css-example-module__Ul-NSa__basket-btn .css-example-module__Ul-NSa__svg-icon{width:1.25em;height:1.25em}.css-example-module__Ul-NSa__basket-counter{border:var(--border-width-thick)solid var(--color-primary);border-radius:var(--border-radius-rect);background:#fff;align-items:center;display:flex;overflow:hidden}.css-example-module__Ul-NSa__basket-counter__btn{padding:var(--spacing-sm);color:var(--color-primary);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.css-example-module__Ul-NSa__basket-counter__btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-bg)}.css-example-module__Ul-NSa__basket-counter__btn--decrease{border-right:var(--border-width-thick)solid var(--color-primary)}.css-example-module__Ul-NSa__basket-counter__btn--increase{border-left:var(--border-width-thick)solid var(--color-primary)}.css-example-module__Ul-NSa__basket-counter__value{padding:0 var(--spacing-lg);text-align:center;min-width:3em;color:var(--color-primary);font-weight:700}.css-example-module__Ul-NSa__font-demo{gap:var(--spacing-md);flex-direction:column;display:flex}.css-example-module__Ul-NSa__font-sample--numbers{font-size:3em}.css-example-module__Ul-NSa__font-sample--letters{font-size:2.5em}.css-example-module__Ul-NSa__font-sample--mixed{font-size:1.5em}