@keyframes ping{0%{transform:scale(1)}to{transform:scale(.8)}}.lua-shopthelook{--swiper-scrollbar-size: 8px;text-align:center}.lua-shopthelook .shop-the-look{--shop-the-look-gap: 50px;--shop-the-look-grid: auto-flow / auto;grid:var(--shop-the-look-grid);align-items:flex-start;gap:var(--shop-the-look-gap);display:grid;align-items:center;border:1px solid #f3f3f3}.selected-card-wrapper{border:solid 1px #121212}.lua-shopthelook shop-the-look-dots button{border:solid;border-width:1px;border-color:#1a1a1a1f;margin:0;padding:0}.lua-shopthelook img{max-width:100%;height:auto}.lua-shopthelook .shop-the-look__dot{--dot-size: 10px;top:calc(var(--shop-the-look-dot-top) - (var(--dot-size) / 2));left:calc(var(--shop-the-look-dot-left) - (var(--dot-size) / 2));width:var(--dot-size);height:var(--dot-size);border-radius:9999px;background-color:#fff;transition:transform .2s ease-in-out;position:absolute}.lua-shopthelook .shop-the-look__dot:after{content:"";top:calc(50% - 2.5rem);left:calc(50% - 2.5rem);width:5rem;height:5rem;background:radial-gradient(50% 50% at 50% 50%,#fff0,#ffffff4d);border-radius:9999px;animation:2s ease-in-out infinite alternate ping;position:absolute}.lua-shopthelook .card-wrapper{box-shadow:0 2px 4px #00000026}.lua-shopthelook .card__information{padding-left:8px!important;padding-right:8px!important}.lua-shopthelook .card__information *{text-align:left}.lua-shopthelook .shop-the-look__carousel{padding:0 8px}.lua-shopthelook .shop-the-look__dot[aria-current=true]{transform:scale(1.3)}.lua-shopthelook .swiper-scrollbar-drag{display:block}.lua-shopthelook .swiper-scrollbar{position:relative!important;margin-top:15px}@media screen and (pointer:fine){.lua-shopthelook .shop-the-look__dot:hover{transform:scale(1.3)}}@media screen and (min-width:700px){.lua-shopthelook img{max-width:min(var(--image-max-width, 100%),100%);height:auto}.lua-shopthelook .section-boxed .shop-the-look{--shop-the-look-gap: 50px;--shop-the-look-grid: auto / 55% minmax(0, 1fr)}.lua-shopthelook .shop-the-look{--shop-the-look-gap: 50px;--shop-the-look-grid: auto / minmax(0, 1fr) 40%}.lua-shopthelook .shop-the-look__controls{gap:var(--spacing-4);grid:auto / auto-flow;margin-inline-start:auto;margin-inline-end:auto;display:grid;align-items:center}}@media screen and (min-width:1000px){.lua-shopthelook .shop-the-look{--shop-the-look-gap: 50px;--shop-the-look-grid: auto / repeat(2, minmax(0, 1fr))}}.lua-shopthelook .relative{position:relative}@media screen and (min-width:700px){.lua-shopthelook .sm\:hidden{display:none}.lua-shopthelook .sm\:block{display:block}.lua-shopthelook .sm\:flex{display:flex}.lua-shopthelook .sm\:grid{display:grid}}@media screen and (min-width:1000px){.lua-shopthelook .md\:hidden{display:none}.lua-shopthelook .md\:block{display:block}.lua-shopthelook .md\:flex{display:flex}.lua-shopthelook .md\:grid{display:grid}}@media screen and (max-width:699px){.lua-shopthelook .sm-max\:hidden{display:none}.lua-shopthelook .shop-the-look{display:block}.lua-shopthelook .product-form__input input[type=radio]+label{margin-right:.2rem}.lua-shopthelook .shop-the-look__dot:after{top:calc(50% - 1.75rem);left:calc(50% - 1.75rem);width:3.5rem;height:3.5rem}}@media screen and (max-width:999px){.lua-shopthelook .md-max\:hidden{display:none}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/lua-shopthelook.css.map */