.c-modal{display:none;height:100dvh;inset:0;margin:auto;max-width:96vw;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease-in-out,transform .35s ease-in-out;width:100%;z-index:-10}.c-modal.is-active{align-items:var(--modal-horizontal-position,center);display:flex!important;flex-direction:column;justify-content:var(--modal-vertical-position,center);z-index:var(--modal-z-index,var(--z-index-modal))}.c-modal.is-visible{opacity:1;transform:translateY(0)}.c-modal>*{background:var(--modal-background,var(--surface-bg));border-radius:var(--modal-border-radius,var(--radius-primary));box-shadow:var(--modal-box-shadow,0 3px 6px rgba(0,0,0,.11));display:flex;flex-direction:column;height:auto;max-height:var(--modal-max-height,95%);max-width:var(--modal-max-width,52rem);min-height:var(--modal-min-height,0);pointer-events:auto;width:var(--modal-width,100%)}.c-modal>*>:first-child{flex-shrink:0}.c-modal>*>[tabindex="0"]:not(:first-child){-ms-overflow-style:none;overflow-y:auto;scrollbar-width:none}.c-modal>*>[tabindex="0"]:not(:first-child)::-webkit-scrollbar{background:transparent;display:none;height:0;width:0}.c-modal>*>[tabindex="0"]:not(:first-child)::-moz-scrollbar{display:none}.c-modal>*>[tabindex="0"]:not(:first-child):focus-visible{border-radius:var(--border-radius,var(--focus-ring-border-radius));outline:.125rem solid var(--focus-ring-color,var(--border--focus));outline-offset:calc(var(--focus-ring-offset)*-1)}.c-modal__header{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative}.c-modal__header:has(.c-modal__title){background-color:var(--tertiary-light);padding:.75rem calc(var(--modal-padding) - .5rem) .75rem var(--modal-padding)}.c-modal__header:has(.c-modal__title) .c-modal__close{background-color:transparent;color:var(--text);position:static}.c-modal__close{background-color:var(--modal-background,var(--surface-bg));position:absolute;right:.25rem;top:.25rem;z-index:2}.c-modal__title{align-items:center;display:flex;flex-direction:row;font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--font-responsive-md);font-variation-settings:"wdth" 100;font-weight:700;gap:.5rem;justify-content:flex-start;letter-spacing:.02em;line-height:1.2;margin-right:auto;text-transform:uppercase}.c-modal__content{container-type:inline-size;padding:var(--modal-padding)}.c-modal__product-form{display:grid;gap:1rem}.c-modal__content-actions{display:grid;flex-shrink:0;gap:.5rem}.c-modal__video{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.c-modal__video iframe{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;right:0;top:0;width:100%}.c-modal--default{--modal-max-height:100dvh;--modal-padding:1.5rem;--modal-border-radius:0;--modal-min-height:100dvh}.c-modal--product-upsell{--modal-max-width:36rem;--modal-padding:1.5rem}.c-modal--quick-view{--modal-max-width:62rem;--modal-padding:1.5rem}.c-modal--size-chart{--modal-max-width:52rem;--modal-padding:1.5rem}.c-modal--cart-upsell{--modal-width:100%;--modal-vertical-position:flex-end;--modal-horizontal-position:flex-end;--modal-min-height:0;--modal-max-width:var(--max-drawer-width,30rem);--modal-border-radius:var(--radius-primary) var(--radius-primary) 0 0;--modal-padding:1.25rem}.c-modal--video{--modal-padding:1rem}@media only screen and (min-width:48em){.c-modal--default{--modal-max-height:95dvh;--modal-border-radius:var(--radius-primary);--modal-min-height:0}.c-modal--video{--modal-padding:2.25rem}}@media only screen and (min-width:64em){.c-modal--quick-view{--modal-padding:2.5rem}}@media only screen and (max-width:calc(48em - 1px)){.c-modal--product-upsell,.c-modal--quick-view{--modal-max-width:none;--modal-vertical-position:flex-end;--modal-min-height:0;--modal-border-radius:var(--radius-primary) var(--radius-primary) 0 0}.c-modal--size-chart{--modal-vertical-position:flex-end}}@media only screen and (hover:hover){.c-modal__header:has(.c-modal__title) .c-modal__close:hover{background-color:var(--tertiary-base);color:var(--text)}}@media only screen and (prefers-reduced-motion:no-preference){.c-modal{transform:translateY(150%)}}