:root{--grid-x-small: 320px;--grid-small: 480px;--grid-six-hundreds: 600px;--grid-medium: 768px;--grid-large: 1024px;--grid-smaller-widescreen: 1300px;--grid-small-widescreen: 1400px;--grid-widescreen: 1440px}.btn--text{display:inline-block;font-family:myriad-pro,sans-serif;font-size:16px;line-height:22px;letter-spacing:0;font-style:normal;font-weight:400;color:#121212;text-decoration:none;padding:0 0 3px;position:relative;transition:color .3s ease-in-out}.btn--text:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:1px solid #121212;transition:width .3s ease-in-out}@media only screen and (min-width:769px){.btn--text:hover:after{width:0;transition:width .3s ease-in-out}}.btn--text.white{color:#fff}.btn--text.white:after{border-color:#fff}.btn--text.reverse:after{width:0}@media only screen and (min-width:769px){.btn--text.reverse:hover:after{width:100%}}.btn--text.v2{line-height:20px;font-weight:600}.btn--text.v2:after{bottom:5px}.btn--primary{display:inline-block;width:fit-content;min-width:183px;text-align:center;font-family:myriad-pro,sans-serif;font-size:16px;line-height:140%;font-weight:400;color:#000;padding:14px 29px 12px 28px;border:1px solid #000;text-decoration:none;position:relative;transition:all .5s ease-in-out}@media only screen and (max-width:1024px){.btn--primary{min-width:unset;font-size:14px;padding:10px 15px}}.btn--primary:before,.btn--primary:after{position:absolute;content:"";width:0;height:0;transition:all .5s ease-in-out}.btn--primary:before{bottom:-2px;right:-2px;border-bottom:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0)}.btn--primary:after{top:-2px;left:-2px;border-top:2px solid rgba(0,0,0,0);border-left:2px solid rgba(0,0,0,0)}.btn--primary:hover:before,.btn--primary:hover:after{width:calc(50% + 2px);height:calc(50% + 2px);border-color:#000}.btn--primary.white{background-color:#fff;border:1px solid #fff;color:#000;padding:14px 24px 12px}.btn--primary.white:hover:before,.btn--primary.white:hover:after{border-color:gray}.btn--primary.white-outline{background-color:#0000;border:1px solid #fff;color:#fff}.btn--primary.white-outline:hover:before,.btn--primary.white-outline:hover:after{border-color:#fff}.btn--subtract{position:relative;padding-right:16.5px!important}.btn--subtract:after{content:"";display:block;width:6.5px;height:10.5px;background-image:url(/cdn/shop/files/subtract.svg);background-repeat:no-repeat;position:absolute;top:50%;right:0;transform:translateY(-50%) translate(0);opacity:1;transition:none}@media only screen and (min-width:769px){.btn--subtract:hover:after{animation:subtract-move-hide-show .6s cubic-bezier(.4,0,.2,1)}}.btn--border{display:inline-block;border:1px solid #000;padding:13px;background-color:#0000;color:#000;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease-in-out}@media only screen and (min-width:769px){.btn--border{min-width:183px}.btn--border:hover{background-color:#000;color:#fff;transition:all .3s ease-in-out}}.btn--border.reverse{background-color:#000;color:#fff;transition:all .3s ease-in-out}@media only screen and (min-width:769px){.btn--border.reverse:hover{background-color:#fff;color:#000;transition:all .3s ease-in-out}}@keyframes subtract-move-hide-show{0%{transform:translateY(-50%) translate(0);opacity:1}40%{transform:translateY(-50%) translate(8px);opacity:0}50%{transform:translateY(-50%) translate(-8px);opacity:0}60%{transform:translateY(-50%) translate(-8px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.shopify-section-shop-the-look .shop-the-look__container{display:flex;position:relative}.shopify-section-shop-the-look .shop-the-look__container:before{content:"";display:block;padding-top:56.25%}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__container:before{padding-top:177.066667%}}.shopify-section-shop-the-look .shop-the-look__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.shopify-section-shop-the-look .shop-the-look__content-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.shopify-section-shop-the-look .shop-the-look__content{position:relative;width:100%;height:100%;z-index:2}.shopify-section-shop-the-look .shop-the-look__content.shop-the-look__content--hover .shop-the-look__hotspot .shop-the-look__hotspot-dot{background-color:#fff}.shopify-section-shop-the-look .shop-the-look__hotspot{position:absolute;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;top:max(0px,var(--desktop-top) - 34px);left:max(0px,var(--desktop-left) - 34px)}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__hotspot{top:max(0px,var(--mobile-top) - 34px);left:max(0px,var(--mobile-left) - 34px)}}.shopify-section-shop-the-look .shop-the-look__hotspot .shop-the-look__hotspot-dot{width:26px;height:26px;background-color:#ffffff80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:50%;position:relative;z-index:2;transition:all .3s ease}.shopify-section-shop-the-look .shop-the-look__hotspot:before{content:"";position:absolute;width:24px;height:24px;border:1px solid #fff;border-radius:50%;animation:pulseBorder 2s infinite;z-index:1}@keyframes pulseBorder{0%{transform:scale(1);opacity:1}50%{opacity:.7}to{transform:scale(1.3);opacity:0}}.shopify-section-shop-the-look .shop-the-look__hotspot-input{display:none}.shopify-section-shop-the-look .shop-the-look__hotspot-input:checked+.shop-the-look__hotspot .shop-the-look__hotspot-dot{background-color:#fff;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.shopify-section-shop-the-look .shop-the-look__hotspot-input:checked+.shop-the-look__hotspot+.shop-the-look__card{opacity:1;pointer-events:auto;z-index:3;transition:opacity .5s ease}.shopify-section-shop-the-look .shop-the-look__card{display:flex;width:50%;max-width:240px;background:#ffffff40;border:1px solid #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;z-index:2;opacity:0;pointer-events:none;transition:opacity .5s ease;position:absolute}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card{width:100%;max-width:calc(100% - 32px);left:16px!important;bottom:24px!important}}.shopify-section-shop-the-look .shop-the-look__card-inner{width:100%;display:flex;flex-direction:column;gap:16px;padding:25.5px 20px}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card-inner{flex-direction:row;gap:14px;padding:12px}}.shopify-section-shop-the-look .shop-the-look__card--image-container{border:1px solid #fff;position:relative;width:100%;max-width:200px}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card--image-container{max-width:124px}}.shopify-section-shop-the-look .shop-the-look__card--image-container:before{content:"";display:block;padding-top:100%}.shopify-section-shop-the-look .shop-the-look__card--image-container .shop-the-look__card--image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.shopify-section-shop-the-look .shop-the-look__card--info{display:flex;flex-direction:column;gap:10px;color:#fff}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card--info{gap:5px}}.shopify-section-shop-the-look .shop-the-look__card--title{font-family:myriad-pro,sans-serif;font-size:16px;line-height:22px;letter-spacing:0;font-style:normal;font-weight:400;line-height:18px;font-weight:600}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card--title{line-height:20px}}.shopify-section-shop-the-look .shop-the-look__card--button-container{padding:6px 0 0}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card--button-container{margin:auto 0 0;padding:0 0 6px}}.shopify-section-shop-the-look .shop-the-look__card--button{color:#fff;font-size:16px;line-height:110%;font-weight:600}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card--button{font-family:myriad-pro,sans-serif;font-size:16px;line-height:22px;letter-spacing:0;font-style:normal;font-weight:400}}.shopify-section-shop-the-look .shop-the-look__card--button:after{border-color:#fff;bottom:3px}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__card--button:after{bottom:0}}.shopify-section-shop-the-look .shop-the-look__context-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.shopify-section-shop-the-look .shop-the-look__context{position:relative;width:100%;height:100%;padding:34px 50px 40px;display:flex;flex-direction:column;gap:20px;color:#fff}.shopify-section-shop-the-look .shop-the-look__context:before{content:"";display:block;position:absolute;left:0%;right:0%;top:0%;bottom:50.67%;background:linear-gradient(180deg,#00000080,#0000)}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__context:before{bottom:33.13%;background:linear-gradient(180deg,#00000059,#0000)}}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__context{padding:24px 16px;gap:8px}}.shopify-section-shop-the-look .shop-the-look__subtitle{z-index:1;background:#ffffff26;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);padding:4px 12px;width:fit-content;font-family:myriad-pro,sans-serif;font-size:14px;line-height:auto;letter-spacing:0;font-style:normal;font-weight:400;line-height:24px}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__subtitle{font-family:myriad-pro,sans-serif;font-size:13px;line-height:16px;letter-spacing:0;font-style:normal;font-weight:400;padding:6px 10px 4px}}.shopify-section-shop-the-look .shop-the-look__title{z-index:1;margin:0 0 5px;font-family:myriad-pro,sans-serif;font-size:45px;line-height:45px;letter-spacing:0;font-style:normal;font-weight:400}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__title{font-family:myriad-pro,sans-serif;font-size:30px;line-height:40px;letter-spacing:0;font-style:normal;font-weight:400;line-height:34px}}.shopify-section-shop-the-look .shop-the-look__description{z-index:1;width:35.06667%;font-family:myriad-pro,sans-serif;font-size:18px;line-height:24px;letter-spacing:0;font-style:normal;font-weight:400}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__description{display:none}}.shopify-section-shop-the-look .shop-the-look__button{z-index:1;margin:auto 0 0}@media only screen and (max-width:768px){.shopify-section-shop-the-look .shop-the-look__button{margin:4px 0 0}.shopify-section-shop-the-look .shop-the-look__button .btn--text{color:#fff}.shopify-section-shop-the-look .shop-the-look__button .btn--text:after{border-color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-shop-the-look.autostyle.css.map */
