.variant-drawer__trigger{border:0;border-radius:var(--rounded-block);padding:var(--sp-3d5, .875rem) var(--sp-4);min-height:var(--sp-13, 3.25rem);background:rgb(var(--color-button-background));color:rgb(var(--color-button-text));text-align:left;cursor:pointer;transition:background .2s ease}.variant-drawer__trigger:hover{background:rgb(var(--color-button-background) / .88)}.variant-drawer__trigger-label{flex:0 0 auto;text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs);opacity:.55}.variant-drawer__trigger-right{min-width:0}.variant-drawer__trigger-value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);font-size:var(--text-sm);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-drawer__trigger-icon{opacity:.5;flex:0 0 auto;transition:transform .25s ease}.variant-drawer__trigger-hit[aria-expanded=true]~.variant-drawer__trigger-right .variant-drawer__trigger-icon{transform:rotate(90deg)}.variant-drawer__trigger-hit{border:0;background:transparent;cursor:pointer;border-radius:inherit}.variant-drawer__trigger-lead,.variant-drawer__trigger-right{pointer-events:none}.variant-drawer__info{display:none;align-items:center;justify-content:center;pointer-events:auto;flex:0 0 auto;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground) / .45);cursor:pointer;line-height:0;transition:color .15s ease}.variant-drawer__info:hover{color:rgb(var(--color-foreground))}.variant-drawer__info svg{width:1rem;height:1rem}.variant-drawer .drawer__inner{max-width:28rem}.variant-drawer .drawer__header{justify-content:center;position:relative}.variant-drawer .drawer__title{text-align:center;font-size:var(--text-xl)}.variant-drawer .drawer__scrollable{padding-inline:var(--sp-3)}.variant-drawer .drawer__close{position:absolute;inset-inline-end:var(--sp-5);top:var(--sp-5);margin:0;width:var(--sp-11, 2.75rem);height:var(--sp-11, 2.75rem);border-radius:var(--rounded-full);background:rgb(var(--color-foreground) / .06)}.variant-drawer__list{display:flex;flex-direction:column;gap:var(--sp-2);padding-block:var(--sp-2)}.variant-drawer__card{width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5);border:1px solid transparent;border-radius:var(--rounded-block);background:rgb(var(--color-foreground) / .025);transition:border-color .2s ease,background .2s ease}.variant-drawer__card:hover{background:rgb(var(--color-foreground) / .08)}.variant-drawer__card.is-selected{border-color:rgb(var(--color-foreground))}.variant-drawer__card.is-disabled{opacity:.4;text-decoration:line-through;pointer-events:none}.variant-drawer__name{flex:1 1 auto;min-width:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--text-base);line-height:1.2}.variant-drawer__meta{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--sp-3)}.variant-drawer__price{font-size:var(--text-sm);white-space:nowrap}.variant-drawer__compare{opacity:.5;margin-inline-end:.2rem}.variant-drawer__thumb{flex:0 0 auto}.variant-drawer__thumb-img{width:var(--sp-12);height:var(--sp-12);object-fit:cover;border-radius:var(--rounded-block)}.variant-drawer__badge{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:var(--rounded-full);font-size:var(--text-xs);font-weight:600;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-variant-drawer.css.map */