awe-shop-the-look-component{display:contents}.awe-stl-dialog:not([open]){display:none}.awe-stl-dialog[open]{border:none;padding:0;margin:0;background:transparent;max-width:none;max-height:none;width:100%;height:100dvh;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;align-items:stretch}.awe-stl-dialog::backdrop{background:#00000080}@keyframes awe-stl-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes awe-stl-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.awe-stl-dialog[open] .awe-stl-panel{animation:awe-stl-slide-in .3s cubic-bezier(.4,0,.2,1) both}.awe-stl-dialog.awe-stl-dialog--closing .awe-stl-panel{animation:awe-stl-slide-out .25s cubic-bezier(.4,0,.2,1) both}.awe-stl-panel{background:var(--awe-surface-primary, #fff);width:100%;max-width:420px;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}@media(max-width:749px){.awe-stl-panel{max-width:100%}}.awe-stl-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;flex-shrink:0;border-bottom:1px solid var(--awe-border-primary, #ddd)}.awe-stl-title{margin:0;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:var(--awe-headline-md-mobile-size, 1.125rem);font-weight:var(--awe-font-weight-medium, 500);line-height:var(--awe-headline-md-mobile-line-height, 110%);color:var(--awe-text-primary, #000)}.awe-stl-close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;color:var(--awe-text-primary, #000);transition:opacity .2s ease;min-width:44px;min-height:44px}.awe-stl-close:hover{opacity:.7}.awe-stl-close:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-content{flex:1;overflow-y:auto;overflow-x:hidden}.awe-stl-loading{padding:20px}.awe-stl-loading[hidden]{display:none}.awe-stl-skeleton-list{width:100%;display:flex;flex-direction:column}.awe-stl-skeleton-product{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--awe-border-primary, #eee);width:100%}@keyframes awe-stl-skeleton-pulse{0%{opacity:1}to{opacity:.45}}.awe-stl-skeleton-image{width:92px;height:118px;background:var(--awe-colors-300, #e5e5e5);flex-shrink:0;animation:awe-stl-skeleton-pulse 1.2s infinite ease-in-out alternate}.awe-stl-skeleton-details{flex:1;display:flex;flex-direction:column;gap:10px}.awe-stl-skeleton-title,.awe-stl-skeleton-options,.awe-stl-skeleton-button{background:var(--awe-colors-300, #e5e5e5);animation:awe-stl-skeleton-pulse 1.2s infinite ease-in-out alternate}.awe-stl-skeleton-title{width:120px;height:16px}.awe-stl-skeleton-options{width:80px;height:16px;background-color:var(--awe-colors-200, #ececec)}.awe-stl-skeleton-button{width:72px;height:20px;margin-top:6px}.awe-stl-products{display:flex;flex-direction:column;border-bottom:1px solid var(--awe-border-primary, #e5e5e5)}.awe-stl-empty{padding:60px 24px;text-align:center}.awe-stl-empty p{margin:0;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.875rem;color:var(--awe-colors-inactive, #666)}.awe-stl-product{position:relative;overflow:hidden}.awe-stl-product-main{display:flex;padding:20px 24px;gap:16px}.awe-stl-product-image{flex-shrink:0;width:92px;height:118px;overflow:hidden}.awe-stl-product-image img{width:100%;height:100%;object-fit:cover}.awe-stl-product-info{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.awe-stl-product-title{margin:0;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #000);line-height:1.3}.awe-stl-product-variant-name{margin:0;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-regular, 400);color:var(--awe-colors-inactive, #666);line-height:1.2}.awe-stl-product-info-row{display:flex;align-items:center;justify-content:space-between;max-width:180px}.awe-stl-variants-inline{display:flex;flex-direction:column;gap:8px}.awe-stl-option-group{display:flex;flex-direction:column;gap:4px}.awe-stl-option-label{font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;color:var(--awe-colors-inactive, #666);clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.awe-stl-option-values{display:flex;gap:8px;flex-wrap:wrap}.awe-stl-option-btn{background:var(--awe-surface-primary, #fff);border:none;padding:6px 12px;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;color:var(--awe-text-primary, #1c1b1f);cursor:pointer;transition:background .2s ease,color .2s ease;min-height:32px}.awe-stl-option-btn:hover{background:var(--awe-surface-secondary, #f5f5f5)}.awe-stl-option-btn.is-selected{background:var(--awe-surface-invert, #1c1b1f);color:var(--awe-text-invert, #fff)}.awe-stl-option-btn:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-option-btn--circle{border-radius:50%;width:28px;height:28px;padding:0;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center;min-height:unset}.awe-stl-option-btn--material.is-selected{background:revert-layer;color:inherit;outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-product-price{display:flex;align-items:center;gap:8px;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #1c1b1f);line-height:1.2}.awe-stl-price-compare{text-decoration:line-through;color:var(--awe-colors-inactive, #999);font-weight:var(--awe-font-weight-regular, 400)}.awe-stl-cta-row{display:flex;align-items:center;gap:12px}.awe-stl-add-btn,.awe-stl-more-options-btn{padding:8px 16px;border:1px solid var(--awe-text-primary, #000);background:transparent;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #1c1b1f);cursor:pointer;transition:opacity .2s ease,background .2s ease,color .2s ease;max-width:120px;width:100%;min-height:34px}.awe-stl-add-btn:focus-visible,.awe-stl-more-options-btn:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-add-btn:hover:not(:disabled),.awe-stl-more-options-btn:hover:not(:disabled){opacity:.9}.awe-stl-more-options-btn:hover:not(:disabled){background:var(--awe-surface-secondary, #f5f5f5)}.awe-stl-add-btn.is-added,.awe-stl-product.is-product-added .awe-stl-more-options-btn{background:var(--awe-surface-invert, #000);color:var(--awe-text-invert, #fff);border-color:var(--awe-surface-invert, #000)}.awe-stl-add-btn.is-added{cursor:default}.awe-stl-add-btn:disabled,.awe-stl-more-options-btn:disabled{opacity:.5;cursor:not-allowed}.awe-stl-add-btn.is-loading{position:relative;color:transparent}.awe-stl-add-btn.is-loading:after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid var(--awe-text-invert, #fff);border-top-color:transparent;border-radius:50%;animation:awe-stl-spin .6s linear infinite}@keyframes awe-stl-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.awe-stl-remove-btn{display:none;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;color:var(--awe-text-primary, #1c1b1f);transition:opacity .2s ease;min-width:36px;min-height:36px}.awe-stl-remove-btn.is-visible{display:flex}.awe-stl-remove-btn:hover:not(:disabled){opacity:.7}.awe-stl-remove-btn:disabled{opacity:.5;cursor:not-allowed}.awe-stl-remove-btn:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-options-slide{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--awe-surface-primary, #fff);display:flex;flex-direction:column;opacity:0;pointer-events:none;z-index:1}.awe-stl-product.is-slide-open .awe-stl-options-slide{opacity:1;pointer-events:auto;z-index:10}.awe-stl-options-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--awe-border-primary, #e5e5e5);flex-shrink:0}.awe-stl-options-back{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;color:var(--awe-text-primary, #1c1b1f);transition:opacity .2s ease;min-width:44px;min-height:44px}.awe-stl-options-back:hover{opacity:.7}.awe-stl-options-back:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-options-title{margin:0;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:1rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #1c1b1f);text-align:center;flex:1}.awe-stl-options-spacer{width:44px}.awe-stl-options-content{overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;flex:1}.awe-stl-option-section{display:flex;flex-direction:column;gap:12px;padding-block:16px;border-top:1px solid var(--awe-border-primary, #e5e5e5)}.awe-stl-option-section:first-child{border-top:none;padding-top:0}.awe-stl-option-section-title{margin:0;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #000);text-align:center}.awe-stl-option-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.awe-stl-option-slide-btn{border:1px solid var(--awe-border-invert, #1c1b1f);background:var(--awe-surface-primary, #fff);font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;color:var(--awe-text-primary, #1c1b1f);cursor:pointer;transition:background .2s ease,color .2s ease;display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px}.awe-stl-option-slide-btn:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-option-slide-btn.is-selected{background:var(--awe-surface-invert, #1c1b1f);color:var(--awe-text-invert, #fff)}.awe-stl-option-slide-btn--circle{border-radius:50%;width:28px;height:28px;padding:0;font-size:0;line-height:0;min-height:unset}.awe-stl-option-slide-btn--material.is-selected{background:revert-layer;color:inherit;outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-options-footer{padding:20px 24px;border-top:1px solid var(--awe-border-primary, #e5e5e5);flex-shrink:0;display:flex;justify-content:center;gap:12px}.awe-stl-options-add-btn{padding:12px 20px;border:1px solid var(--awe-text-primary, #000);background:transparent;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #000);cursor:pointer;transition:opacity .2s ease,background .2s ease,color .2s ease;min-height:40px}.awe-stl-options-add-btn:hover:not(:disabled){opacity:.9}.awe-stl-options-add-btn:disabled{opacity:.5;cursor:not-allowed}.awe-stl-options-add-btn.is-added{background:var(--awe-surface-invert, #000);color:var(--awe-text-invert, #fff);border-color:var(--awe-surface-invert, #000);cursor:default}.awe-stl-options-add-btn.is-loading{position:relative;color:transparent}.awe-stl-options-add-btn.is-loading:after{content:"";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid var(--awe-text-primary, #000);border-top-color:transparent;border-radius:50%;animation:awe-stl-spin .6s linear infinite}.awe-stl-footer{padding:20px 24px;display:flex;flex-direction:column;gap:16px;flex-shrink:0;background:var(--awe-surface-primary, #fff);border-top:1px solid var(--awe-border-primary, #e5e5e5)}.awe-stl-footer-btns{display:flex;gap:16px;justify-content:center}.awe-stl-checkout-btn{padding:10px 16px;border:1px solid var(--awe-text-primary, #1c1b1f);background:var(--awe-surface-primary, #fff);font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #1c1b1f);cursor:pointer;transition:background .2s ease;width:100%;min-height:40px}.awe-stl-checkout-btn:hover{background:var(--awe-surface-secondary, #f5f5f5)}.awe-stl-checkout-btn:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-continue-link{display:block;text-align:center;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-text-primary, #1c1b1f);text-decoration:underline;padding:8px;transition:opacity .2s ease}.awe-stl-continue-link:hover{opacity:.7}.awe-stl-continue-link:focus-visible{outline:2px solid var(--awe-text-primary, #000);outline-offset:2px}.awe-stl-in-grid-item{grid-column:1 / -1;min-height:201px;width:100%;position:relative;z-index:1}@media screen and (min-width:750px){.awe-stl-in-grid-item[data-grid-columns="1"]{grid-column:span 1}.awe-stl-in-grid-item[data-grid-columns="2"]{grid-column:span 2;min-height:343px}.awe-stl-in-grid-item[data-grid-columns="3"]{grid-column:span 3;min-height:343px}.awe-stl-in-grid-item[data-grid-columns="4"]{grid-column:span 4;min-height:unset;height:auto}}.awe-stl-in-grid{align-items:center;background:var(--awe-surface-secondary, #f5f5f5);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:201px;padding:16px;position:relative;height:100%;width:100%}@media screen and (min-width:1024px){.awe-stl-in-grid{min-height:343px}}.awe-stl-in-grid-bg{height:100%;width:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;z-index:0}.awe-stl-in-grid-text{color:var(--awe-stl-text-color, var(--awe-text-primary, #000));text-align:center;position:relative;z-index:1;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:2rem;font-weight:var(--awe-font-weight-regular, 400);line-height:105%}.awe-stl-in-grid-cta{position:relative;z-index:1;display:inline-block;padding:10px 20px;border:1px solid currentColor;font-family:var(--awe-font-body, Figtree, sans-serif);font-size:.75rem;font-weight:var(--awe-font-weight-medium, 500);color:var(--awe-stl-text-color, var(--awe-text-primary, #000));text-decoration:none;transition:opacity .2s ease;min-height:40px;display:flex;align-items:center}.awe-stl-in-grid-cta:hover{opacity:.85}.awe-stl-in-grid-cta:focus-visible{outline:2px solid currentColor;outline-offset:2px}.awe-stl-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:#00000073;border:2px solid rgb(255 255 255 / .8);border-radius:50%;cursor:pointer;position:absolute;bottom:16px;right:16px;z-index:2;transition:background .2s ease}.awe-stl-trigger:hover{background:#0009}.awe-stl-trigger:focus-visible{outline:2px solid #fff;outline-offset:3px}.awe-stl-trigger svg{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/718/assets/awe-shop-the-look.css.map */