.gs-variant-sheet{--gs-option-surface: #f4edeb;display:block;margin-bottom:12px}.gs-variant-selectors{display:flex;flex-direction:column}.gs-variant-selectors>[data-gs-option-kind=format]{order:1}.gs-variant-selectors>[data-gs-option-kind=finish]{order:2}.gs-variant-selectors>[data-gs-option-kind=other]{order:3}.gs-variant-sheet__trigger{width:100%;min-height:76px;display:grid;grid-template-columns:minmax(88px,.75fr) minmax(0,1.45fr) 24px;align-items:center;gap:14px;padding:16px 20px;border:1px solid transparent;border-radius:18px;background:var(--gs-option-surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.gs-variant-sheet__trigger:hover,.gs-variant-sheet__trigger:focus-visible{border-color:var(--border)}.gs-variant-sheet__trigger:active{transform:scale(.995)}.gs-variant-sheet__trigger-label{font-family:var(--FONT-STACK-BODY);font-size:var(--font-body-small);font-weight:500;opacity:.78}.gs-variant-sheet__trigger-value{min-width:0;font-family:var(--FONT-STACK-BODY);font-size:var(--font-body-medium);font-weight:600;line-height:1.25;overflow-wrap:anywhere}.gs-variant-sheet__trigger-arrow{width:12px;height:12px;justify-self:end;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.gs-variant-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:119;background:#13111159;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.gs-variant-sheet__dialog{position:fixed;left:50%;bottom:0;z-index:120;width:min(100%,620px);max-height:min(82dvh,760px);display:flex;flex-direction:column;padding:10px 18px 22px;border-radius:24px 24px 0 0;background:var(--bg, #fff);color:var(--text, #111);box-shadow:0 -16px 50px #14111024;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,105%);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility .32s ease}.gs-variant-sheet[open] .gs-variant-sheet__backdrop{opacity:1;visibility:visible;pointer-events:auto}.gs-variant-sheet[open] .gs-variant-sheet__dialog{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.gs-variant-sheet__handle{width:58px;height:5px;margin:0 auto 10px;border-radius:999px;background:var(--border, #ddd7d4);opacity:.7}.gs-variant-sheet__header{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:4px 46px 12px}.gs-variant-sheet__title{margin:0;font-family:var(--FONT-STACK-HEADING);font-size:clamp(26px,6vw,34px);font-weight:var(--FONT-WEIGHT-HEADING);line-height:1.1;text-align:center;text-transform:none}.gs-variant-sheet__close{position:absolute;top:0;right:0;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;font-size:31px;font-weight:300;line-height:1;cursor:pointer}.gs-variant-sheet__close:hover,.gs-variant-sheet__close:focus-visible{background:var(--bg-accent, #f4efec)}.gs-variant-sheet__scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 2px max(8px,env(safe-area-inset-bottom));scrollbar-width:thin}.gs-variant-sheet__dialog .product-form__input,.gs-variant-sheet__dialog .radio__fieldset{min-width:0;margin:0;padding:0;border:0}.gs-variant-sheet__dialog .radio__fieldset{display:block;width:100%}.gs-variant-sheet__dialog .radio__buttons{width:100%;display:grid;grid-template-columns:1fr;gap:12px;margin:0}.gs-variant-sheet__unit-title{margin:4px 0 12px;font-family:var(--FONT-STACK-BODY);font-size:var(--font-body-large);font-weight:600}.gs-variant-sheet__unit-group{margin-top:28px}.gs-variant-sheet__aliases{display:grid;grid-template-columns:1fr;gap:12px}.gs-variant-sheet__alias{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid transparent;border-radius:16px;background:var(--gs-option-surface);color:var(--text);font-family:var(--FONT-STACK-BODY);font-size:var(--font-body-large);font-weight:500;line-height:1.2;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.gs-variant-sheet__alias:hover,.gs-variant-sheet__alias:focus-visible{border-color:var(--border)}.gs-variant-sheet__alias.is-selected{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.gs-variant-sheet__alias.is-disabled,.gs-variant-sheet__alias:disabled{color:var(--text-a35);opacity:.62;cursor:not-allowed}.gs-variant-sheet__dialog .radio__button{display:block;width:100%;min-width:0;padding:0}.gs-variant-sheet__dialog .radio__fieldset .radio__button label{width:100%;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid transparent;border-radius:16px;background:var(--gs-option-surface);color:var(--text);font-family:var(--FONT-STACK-BODY);font-size:var(--font-body-large);font-weight:500;line-height:1.2;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.gs-variant-sheet__dialog .option-title{min-width:0;padding-right:16px}.gs-variant-sheet__dialog .option-title__name{display:block;font-weight:600}.gs-variant-sheet__option-help{display:block;max-width:310px;margin-top:5px;color:#0715429e;font-size:11px;font-weight:400;line-height:1.3}.gs-variant-sheet__triptyque-help{max-width:460px;margin:-2px auto 16px;padding:0 14px;color:#071542ad;font-size:12px;line-height:1.45;text-align:center}.gs-variant-sheet__selected-mark{flex:0 0 24px;width:24px;height:24px;display:none;place-items:center;margin-left:4px;border-radius:50%;background:#1235dc;color:#fff}.gs-variant-sheet__selected-mark svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gs-variant-sheet--triptyque .radio__button input:checked~label .gs-variant-sheet__selected-mark{display:grid}.gs-variant-sheet--triptyque .radio__fieldset .radio__button input:checked~label{border-color:#1235dc;box-shadow:inset 0 0 0 1px #1235dc}.gs-variant-sheet__option-price{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:8px;margin-left:auto;white-space:nowrap;font-size:var(--font-body-medium);font-weight:600}.gs-variant-sheet__option-price s{opacity:.52;font-weight:400}.gs-variant-sheet__dialog .radio__fieldset .radio__button label:hover{background:var(--gs-option-surface);color:var(--text);border-color:var(--border)}.gs-variant-sheet__dialog .radio__fieldset .radio__button input:checked~label{background:var(--gs-option-surface);color:var(--text);border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.gs-variant-sheet__dialog .radio__fieldset .radio__button input:disabled+label,.gs-variant-sheet__dialog .radio__fieldset .radio__button input.disabled+label,.gs-variant-sheet__dialog .radio__fieldset .radio__button input.sold-out+label,.gs-variant-sheet__dialog .radio__fieldset .radio__button input.unavailable+label{background:var(--gs-option-surface);color:var(--text-a35);border-color:transparent;opacity:.62}body.gs-variant-sheet-open{overflow:hidden;touch-action:none}@media only screen and (max-width:749px){.product__selectors .selector-wrapper{width:100%}.gs-variant-sheet__trigger{min-height:72px;grid-template-columns:82px minmax(0,1fr) 20px;padding:14px 18px;border-radius:16px}.gs-variant-sheet__dialog{width:100%;max-height:84dvh;padding-inline:14px}.gs-variant-sheet__dialog .radio__fieldset .radio__button label,.gs-variant-sheet__alias{min-height:72px;padding:16px 18px;border-radius:15px}}@media only screen and (min-width:750px){.gs-variant-sheet__dialog{bottom:24px;border-radius:24px}}.gs-variant-sheet{margin-bottom:8px}.gs-variant-sheet__trigger{min-height:60px;grid-template-columns:minmax(78px,.72fr) minmax(0,1.45fr) 18px;gap:12px;padding:13px 16px;border:1px solid transparent;border-radius:12px;background:var(--gs-option-surface);color:#071542;box-shadow:none}.gs-variant-sheet__trigger:hover,.gs-variant-sheet__trigger:focus-visible{border-color:#07154238;background:var(--gs-option-surface)}.gs-variant-sheet__trigger-label{color:#6f7180;font-size:12px;font-weight:500;line-height:1.2;opacity:1}.gs-variant-sheet__trigger-value{color:#071542;font-size:14px;font-weight:600;line-height:1.2}.gs-variant-sheet__trigger-arrow{width:10px;height:10px;border-width:1.25px}@media only screen and (max-width:749px){.gs-variant-sheet__trigger{min-height:60px;grid-template-columns:78px minmax(0,1fr) 18px;padding:13px 16px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.gs-variant-sheet__dialog,.gs-variant-sheet__backdrop,.gs-variant-sheet__trigger{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/gs-variant-sheet.css.map */
