@layer components{.variant-picker{display:flex;flex-direction:column;gap:var(--space-md)}.variant-option__fieldset{border:0;padding:0;margin:0;min-inline-size:0}.variant-option__legend{display:flex;align-items:baseline;gap:var(--space-3xs);padding:0;margin-block-end:var(--space-2xs);font-size:var(--text-xs)}.variant-option__name{font-weight:500;letter-spacing:var(--tracking-wide)}.variant-option__name:after{content:":"}.variant-option__value{color:rgb(var(--color-foreground) / .65)}.variant-option__values{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.variant-option__label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.variant-option__input:focus-visible+.variant-option__label{outline:var(--focus-ring-width) solid rgb(var(--color-foreground));outline-offset:var(--focus-ring-offset)}.variant-option--pill .variant-option__label{min-width:3rem;min-height:2.75rem;padding-inline:var(--space-sm);font-size:var(--text-sm);border:1px solid rgb(var(--color-foreground) / .22);border-radius:var(--radius-button)}@media(hover:hover)and (pointer:fine){.variant-option--pill .variant-option__label:hover{border-color:rgb(var(--color-foreground) / .55)}}.variant-option--pill .variant-option__input:checked+.variant-option__label{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.variant-option--swatch .variant-option__label{padding:2px;border:1px solid transparent;border-radius:50%}.variant-option--swatch .variant-option__input:checked+.variant-option__label{border-color:rgb(var(--color-foreground))}@media(hover:hover)and (pointer:fine){.variant-option--swatch .variant-option__label:hover{border-color:rgb(var(--color-foreground) / .4)}}.variant-option__label--unavailable{position:relative;color:rgb(var(--color-foreground) / .4);border-color:rgb(var(--color-foreground) / .12)}.variant-option__label--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top left,transparent calc(50% - .5px),rgb(var(--color-foreground) / .35) calc(50% - .5px),rgb(var(--color-foreground) / .35) calc(50% + .5px),transparent calc(50% + .5px));border-radius:inherit;pointer-events:none}.variant-option__input:disabled+.variant-option__label{cursor:not-allowed;opacity:.5}.variant-option--select .field__label{margin-block-end:var(--space-2xs)}.variant-picker--compact{gap:var(--space-sm)}.variant-picker--compact .variant-option--pill .variant-option__label{min-width:2.5rem;min-height:2.375rem;padding-inline:var(--space-xs);font-size:var(--text-xs)}.variant-picker--compact .swatch--large{--swatch-size: 1.75rem}}@layer sections{.quick-view-modal{--drawer-width: min(58rem, 94vw)}@media(min-width:750px){.quick-view-modal .drawer__panel{inset-block:50% auto;inset-inline-end:50%;transform:translate(50%,-50%) scale(.98);max-height:min(44rem,90svh);border-radius:var(--radius-lg);opacity:0;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}[dir=rtl] .quick-view-modal .drawer__panel{transform:translate(-50%,-50%) scale(.98)}.quick-view-modal.is-open .drawer__panel{transform:translate(50%,-50%) scale(1);opacity:1}[dir=rtl] .quick-view-modal.is-open .drawer__panel{transform:translate(-50%,-50%) scale(1)}}.quick-view-modal__close{position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs);z-index:2;--button-icon-size: 2.5rem;--icon-size: 1.125rem;background-color:rgb(var(--color-background) / .8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.quick-view-modal__body{padding:0}.quick-view{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:750px){.quick-view{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-lg);align-items:start}}.quick-view__media{position:relative}.quick-view__frame{border-start-start-radius:var(--radius-lg)}@media(max-width:749px){.quick-view__frame{border-radius:0}}.quick-view__badges{position:absolute;inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs)}.quick-view__info{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md) var(--space-md) var(--space-lg)}@media(min-width:750px){.quick-view__info{padding:var(--space-lg) var(--space-lg) var(--space-lg) 0;max-height:min(44rem,90svh);overflow-y:auto;overscroll-behavior:contain}}.quick-view__vendor{margin:0;color:rgb(var(--color-foreground) / .55)}.quick-view__title{margin:0}.quick-view__title a{color:inherit;text-decoration:none}.quick-view__title a:hover{text-decoration:underline;text-underline-offset:.15em}.quick-view__price{margin-block:var(--space-2xs)}.quick-view__description{color:rgb(var(--color-foreground) / .7);font-size:var(--text-sm)}.quick-view__form{display:block;margin-block-start:var(--space-sm)}.quick-view__add{margin-block-start:var(--space-md)}.quick-view__actions{display:flex;align-items:stretch;gap:var(--space-2xs)}.quick-view__actions .quantity-field{flex-shrink:0}.quick-view__actions .button{flex:1 1 auto}.quick-view__full-details{display:inline-flex;align-items:center;gap:var(--space-3xs);margin-block-start:var(--space-2xs);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:rgb(var(--color-foreground) / .7);text-decoration:underline;text-underline-offset:.25em}.quick-view__full-details svg{width:.875rem;height:.875rem}.quick-view--loading .quick-view__info{gap:var(--space-sm)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-quick-view.css.map */