.config-step-section,.config-request{padding:0 var(--gutter)}.main{counter-reset:config-step}.config-step{counter-increment:config-step}.config-step__num:before{content:counter(config-step)}.config-step{min-width:0;margin:64px 0 0;padding:0;border:0}.config-step__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:0}.config-step__badge{padding:8px 12px;border-radius:2px;background:var(--violet-04);color:var(--violet-02)}.config-step__title{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px 15px}.config-step__error{margin-top:12px;color:#a3123a}.config-step__options{display:grid;margin-top:28px}.config-option{position:relative;display:flex;cursor:pointer;color:var(--violet-04)}.config-option__check{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--violet-04);opacity:0;transform:scale(.6);transition:opacity .25s var(--ease),transform .25s var(--ease)}.config-option__check:after{content:"";width:10px;height:6px;margin-top:-2px;border-left:1.5px solid var(--violet-02);border-bottom:1.5px solid var(--violet-02);transform:rotate(-45deg)}.config-option:has(input:checked) .config-option__check{opacity:1;transform:none}.config-option:has(input:focus-visible){outline:2px solid var(--violet-03);outline-offset:3px}.config-option.is-disabled{opacity:.4;cursor:not-allowed}.config-step--large .config-step__options{grid-template-columns:1fr;gap:10px}.config-step--large .config-option{flex-direction:column;justify-content:space-between;min-height:420px;padding:24px;background:var(--violet-02);box-shadow:inset 0 0 0 0 var(--violet-04);transition:box-shadow .3s var(--ease),background-color .3s var(--ease)}.config-step--large .config-option:hover{background:#e8d9ff}.config-step--large .config-option:has(input:checked){box-shadow:inset 0 0 0 2px var(--violet-04)}.config-step--large .config-option__media{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:46%;height:62%;transform:translate(-50%,-50%);pointer-events:none}.config-step--large .config-option__media img{max-width:100%;max-height:100%;object-fit:contain}.config-step--large .config-option__check{top:24px;right:24px}.config-option__top,.config-option__subtitle{position:relative}.config-option__name{display:flex;flex-direction:column;gap:8px}.config-option__label{font-family:var(--font-title);font-size:28px;line-height:.91;letter-spacing:var(--tracking)}.config-option__label em{font-style:italic}.config-step--large .config-option>.config-option__caption{order:-1;font-family:var(--font-title);font-weight:400;font-size:28px;line-height:.91}.config-step--swatch .config-step__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.config-step--swatch .config-option{flex-direction:column;gap:8px}.config-step--swatch .config-option__media{position:relative;display:block;aspect-ratio:240 / 188;overflow:hidden;background:#e5d8f7;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .25s var(--ease)}.config-step--swatch .config-option:hover .config-option__media{outline-color:var(--violet-03)}.config-step--swatch .config-option:has(input:checked) .config-option__media{outline:3px solid var(--violet-04);outline-offset:-3px}.config-step--swatch .config-option__media img,.config-option__swatch{display:block;width:100%;height:100%;object-fit:cover}.config-summary{margin-top:64px;padding:28px 20px;background:var(--violet-02)}.config-summary__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}.config-summary__total strong{font-weight:700}.config-summary__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px 10px;margin-top:24px}.config-summary__item{display:flex;flex-direction:column;gap:6px}.config-summary__thumb{aspect-ratio:240 / 188;overflow:hidden;background:var(--violet-01)}.config-summary__thumb img,.config-summary__thumb span{display:block;width:100%;height:100%;object-fit:cover}.config-summary__step{font-size:13px;opacity:.6}.config-summary__value.is-empty{opacity:.4}.config-summary__note{margin-top:20px;opacity:.75}.config-contact{margin:64px calc(-1 * var(--gutter) + 8px) 0;padding:40px 20px;background:var(--violet-04);color:var(--violet-02)}.config-contact__form{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin-top:32px}.config-contact__grid{display:grid;gap:24px;width:100%}.config-contact__col{display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:10px}.config-contact .field label{color:var(--violet-01)}.field input,.field textarea{width:100%;min-height:54px;padding:14px 16px;border:.5px solid var(--violet-03);border-radius:var(--radius);background:transparent;color:var(--violet-01);font-family:var(--font-body);font-size:18px;letter-spacing:normal}.field textarea{min-height:200px;resize:vertical}.field input:focus,.field textarea:focus{outline:0;border-color:var(--violet-02);box-shadow:0 0 0 1px var(--violet-02)}.config-contact__success{padding:16px 20px;border-radius:var(--radius);background:var(--violet-03);color:var(--violet-04)}.config-contact__errors,.config-contact__error{color:#ffb3c8}@media screen and (min-width:750px){.config-step--swatch .config-step__options{grid-template-columns:repeat(3,minmax(0,1fr))}.config-step--large .config-step__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.config-step-section,.config-request{padding:0 calc(10 * var(--u))}.config-step{margin-top:calc(100 * var(--u))}.config-step__head{gap:calc(18 * var(--u))}.config-step__badge{padding:calc(10 * var(--u)) calc(16 * var(--u))}.config-step__options{margin-top:calc(50 * var(--u))}.config-step--large .config-step__options{gap:calc(12 * var(--u))}.config-step--large .config-option{min-height:calc(557 * var(--u));padding:calc(37 * var(--u)) calc(48 * var(--u))}.config-step--large .config-option:has(.config-option__subtitle){min-height:calc(695 * var(--u))}.config-step--large .config-option__media{width:calc(300 * var(--u));height:calc(420 * var(--u))}.config-step--large .config-option:not(:has(.config-option__subtitle)) .config-option__media{height:calc(330 * var(--u))}.config-step--large .config-option__check{top:calc(37 * var(--u));right:calc(48 * var(--u))}.config-option__name{gap:calc(12 * var(--u))}.config-option__label,.config-step--large .config-option>.config-option__caption{font-size:calc(40 * var(--u))}.config-step--swatch .config-step__options{grid-template-columns:repeat(6,calc(240 * var(--u)));gap:calc(24 * var(--u)) calc(10 * var(--u))}.config-step--swatch .config-option{gap:calc(8 * var(--u))}.config-summary{margin-top:calc(100 * var(--u));padding:calc(48 * var(--u)) calc(48 * var(--u))}.config-summary__list{grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(16 * var(--u)) calc(10 * var(--u));margin-top:calc(32 * var(--u))}.config-contact{margin:calc(100 * var(--u)) calc(1 * var(--u)) 0;padding:calc(75 * var(--u)) calc(63 * var(--u)) calc(54 * var(--u))}.config-contact__form{gap:calc(53 * var(--u));margin-top:calc(53 * var(--u))}.config-contact__grid{grid-template-columns:calc(656 * var(--u)) calc(656 * var(--u));align-items:end;gap:calc(52 * var(--u))}.config-contact__col{gap:calc(29 * var(--u))}.field{gap:calc(15 * var(--u))}.field input{height:calc(54 * var(--u));min-height:0}.field--message textarea{height:calc(313 * var(--u));min-height:0}}.is-step-locked{display:none}.is-step-revealed{animation:config-step-in .7s var(--ease) both}@keyframes config-step-in{0%{opacity:0;transform:translateY(40px)}}.config-step__next{display:none}.config-step.is-awaiting .config-step__next{display:flex;align-items:center;gap:10px;margin-top:24px;opacity:.7}.config-step.is-awaiting .config-step__next:after{content:"\2193";animation:config-nudge 1.4s ease-in-out infinite}@keyframes config-nudge{50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.is-step-revealed,.config-step.is-awaiting .config-step__next:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-configurator.css.map */