.shop-the-look-modal{--shop-the-look-modal-scrim-blur: 12px;--shop-the-look-modal-duration: .25s;--shop-the-look-modal-thumb-width: calc(18.78vw + 90.75px) ;--shop-the-look-modal-thumb-height: calc( var(--shop-the-look-modal-thumb-width) * 250 / 178 );--shop-the-look-modal-sheet-rest: 619px;--shop-the-look-modal-media-width: 480px;--shop-the-look-modal-details-width: 500px;--shop-the-look-modal-tile-large: 572 / 800;--shop-the-look-modal-tile-small: 366 / 510;--shop-the-look-modal-tap-size: var(--space-x11);--shop-the-look-modal-slide-from: 100%}[dir=rtl] .shop-the-look-modal{--shop-the-look-modal-slide-from: -100%}html:has(.shop-the-look-modal__dialog:modal){overflow:hidden}.shop-the-look-modal [hidden]{display:none}.shop-the-look-modal__dialog{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:visible}.shop-the-look-modal__dialog::backdrop{background:none}.shop-the-look-modal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay-modal);-webkit-backdrop-filter:blur(var(--shop-the-look-modal-scrim-blur));backdrop-filter:blur(var(--shop-the-look-modal-scrim-blur))}.shop-the-look-modal__sheet{position:absolute;inset-inline:0;inset-block-end:0;max-block-size:min(calc(var(--shop-the-look-modal-thumb-height) + var(--shop-the-look-modal-sheet-rest)),calc(100vh - var(--space-x12)));max-block-size:min(calc(var(--shop-the-look-modal-thumb-height) + var(--shop-the-look-modal-sheet-rest)),calc(100dvh - var(--space-x12)))}.shop-the-look-modal__panel{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--bg-primary);border-start-start-radius:var(--radius-x2);border-start-end-radius:var(--radius-x2)}.shop-the-look-modal__panel:focus-visible{outline:none}.shop-the-look-modal__sheet--no-media{max-block-size:calc(100vh - var(--space-x12));max-block-size:calc(100dvh - var(--space-x12))}.shop-the-look-modal__panel>*{flex:none}.shop-the-look-modal__top{position:sticky;inset-block-start:0;z-index:1}.shop-the-look-modal__media{overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--space-x3) var(--space-x3) 0}.shop-the-look-modal__media:focus-visible{outline:none}.shop-the-look-modal__media-area{position:relative;isolation:isolate}.shop-the-look-modal__media-area:has(>.shop-the-look-modal__media:focus-visible):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 var(--space-x0-5) var(--control-border-focus);pointer-events:none}.shop-the-look-modal__media-list{display:flex;gap:var(--space-x1-5);margin:0;padding:0;list-style:none}.shop-the-look-modal__tile{position:relative;flex:none;inline-size:var(--shop-the-look-modal-thumb-width);block-size:var(--shop-the-look-modal-thumb-height);overflow:hidden;border-radius:var(--radius-x1-5);background:var(--bg-secondary)}.shop-the-look-modal__tile>picture{display:block;block-size:100%}.shop-the-look-modal__image{display:block;inline-size:100%;block-size:100%;object-fit:cover}.shop-the-look-modal__labels{display:none}.shop-the-look-modal__info{padding:var(--space-x6) var(--space-x4)}.shop-the-look-modal__summary{display:flex;flex-direction:column;gap:var(--space-x2)}.shop-the-look-modal__heading{display:flex;flex-direction:column;gap:var(--space-x3)}.shop-the-look-modal__rating{margin:0}.shop-the-look-modal__title{margin:0;color:var(--text-primary)}.shop-the-look-modal__title-desktop{display:none}.shop-the-look-modal__pricing{display:flex;flex-direction:column;gap:var(--space-x3)}.shop-the-look-modal__spacer{block-size:var(--space-x4);border-block-end:1px solid var(--border-divider)}.shop-the-look-modal__picker{display:flex;flex-direction:column;gap:var(--space-x4)}.shop-the-look-modal__colors{display:flex;flex-direction:column;gap:var(--space-x6);padding-block:var(--space-x6);border-block-end:1px solid var(--border-divider)}.shop-the-look-modal__picker--option{padding-block-start:var(--space-x6)}.shop-the-look-modal__picker-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-x4)}.shop-the-look-modal__picker-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-x1-5);margin:0}.shop-the-look-modal__picker-name,.shop-the-look-modal__picker-note{color:var(--text-secondary)}.shop-the-look-modal__picker-value{color:var(--text-primary)}.shop-the-look-modal__size-guide{flex:none;display:inline-flex;margin-block:calc((var(--shop-the-look-modal-tap-size) - 1lh) / -2);margin-inline:calc(var(--space-x1) * -1)}.shop-the-look-modal__swatches{display:flex;flex-wrap:wrap;gap:var(--space-x2) var(--space-x3)}.shop-the-look-modal__swatches .color-swatch{--color-swatch-tap: var(--space-x2)}.shop-the-look-modal__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-x1-5)}.shop-the-look-modal__options--swatch{display:flex;flex-wrap:wrap;gap:var(--space-x3)}.shop-the-look-modal__gift{margin-block-start:var(--space-x6)}.shop-the-look-modal__info:has(>.shop-the-look-modal__bundle:not([hidden]))>.shop-the-look-modal__gift{display:none}.shop-the-look-modal__actions{position:sticky;inset-block-end:0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-x4);padding:var(--space-x4);background:var(--bg-primary);border-block-start:1px solid var(--border-divider)}.shop-the-look-modal__cta{align-self:stretch}.shop-the-look-modal__buy{align-self:stretch;display:flex;align-items:center;gap:var(--space-x3)}.shop-the-look-modal__quantity{flex:none;display:flex}.shop-the-look-modal__buy>.shop-the-look-modal__cta{flex:1 1 0;min-inline-size:0}@media(min-width:768px){.shop-the-look-modal{--shop-the-look-modal-thumb-width: calc(32.95vw - 18.05px) }}@media(min-width:1200px){.shop-the-look-modal__sheet{inset-block:0;inset-inline-start:auto;inline-size:calc(var(--shop-the-look-modal-media-width) + var(--shop-the-look-modal-details-width));block-size:100%;max-block-size:none}.shop-the-look-modal__sheet--no-media{inline-size:var(--shop-the-look-modal-details-width)}.shop-the-look-modal__panel{display:grid;grid-template-columns:var(--shop-the-look-modal-media-width) var(--shop-the-look-modal-details-width);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"media top" "media info" "media actions";overflow:hidden;border-radius:0}.shop-the-look-modal__panel--no-media{grid-template-columns:var(--shop-the-look-modal-details-width);grid-template-areas:"top" "info" "actions"}.shop-the-look-modal__top{grid-area:top}.shop-the-look-modal__media-area{grid-area:media;border-inline-end:1px solid var(--border-divider)}.shop-the-look-modal__media{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-x4)}.shop-the-look-modal__media-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-x2)}.shop-the-look-modal__tile{inline-size:auto;block-size:auto;aspect-ratio:var(--shop-the-look-modal-tile-small);border-radius:var(--radius-x2)}.shop-the-look-modal__tile:nth-child(3n+1 of:not([hidden])){grid-column:1 / -1;aspect-ratio:var(--shop-the-look-modal-tile-large)}.shop-the-look-modal__labels{position:absolute;inset-block-start:var(--space-x6);inset-inline-start:var(--space-x6);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-x1-5)}.shop-the-look-modal__tile:not(:nth-child(1 of:not([hidden]))) .shop-the-look-modal__labels{display:none}.shop-the-look-modal__info-area{grid-area:info}.shop-the-look-modal__info{overflow-y:auto;overscroll-behavior:contain;padding:var(--space-x6)}.shop-the-look-modal__title-mobile{display:none}.shop-the-look-modal__title-desktop{display:inline}.shop-the-look-modal__actions{grid-area:actions;padding:var(--space-x6)}}@media(prefers-reduced-motion:no-preference){.shop-the-look-modal__scrim{animation:shop-the-look-modal-fade var(--shop-the-look-modal-duration) ease}.shop-the-look-modal__sheet{animation:shop-the-look-modal-rise var(--shop-the-look-modal-duration) ease}}@media(prefers-reduced-motion:no-preference)and (min-width:1200px){.shop-the-look-modal__sheet{animation-name:shop-the-look-modal-slide}}.shop-the-look-modal[data-instant] .shop-the-look-modal__scrim,.shop-the-look-modal[data-instant] .shop-the-look-modal__sheet{animation:none}@keyframes shop-the-look-modal-fade{0%{opacity:0}}@keyframes shop-the-look-modal-rise{0%{transform:translateY(100%)}}@keyframes shop-the-look-modal-slide{0%{transform:translate(var(--shop-the-look-modal-slide-from))}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-shop-the-look-modal.css.map */