carousel-indicators{position:sticky;height:40vh;width:fit-content;z-index:3;padding:var(--layout-space-16) var(--layout-space-12);margin-bottom:-40vh;bottom:0;transform:translateY(-35vh);display:none}carousel-indicators ul{padding:0;list-style:none;margin:0;display:flex;flex-direction:column;gap:var(--layout-space-4);justify-content:center}carousel-indicators button{width:var(--layout-space-4);height:var(--layout-space-4);-webkit-appearance:none;appearance:none;border:none;border-radius:50%;overflow:hidden;padding:0;margin:0;display:flex;transition:opacity .2s ease;cursor:pointer;background:#000;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);opacity:.5}carousel-indicators li.active button{opacity:1}carousel-indicators button:hover{transform:scale(1.25)}carousel-indicators img{width:var(--layout-space-16);height:var(--layout-space-16);object-fit:cover;transform:scale(1);border-radius:50%;border:1px solid rgb(var(--color-base-black));opacity:0;animation:loadInImage 1s forwards;animation-delay:.35s}@media screen and (max-width: 750px){carousel-indicators{display:flex;width:100vw;position:fixed;bottom:var(--layout-space-16);margin:0;height:initial;padding:var(--layout-space-8);transform:initial}carousel-indicators ul{flex-direction:row;width:100%}carousel-indicators img{display:none}carousel-indicators button{border:1px solid rgb(var(--color-base-black))}carousel-indicators li.active button,carousel-indicators li.active:hover button,carousel-indicators li:hover button{transform:initial;background:rgb(var(--color-base-black))}carousel-indicators li:hover button{background:initial}carousel-indicators button{width:5px;height:5px}carousel-indicators ul{gap:var(--layout-space-4)}}@media (min-width: 750px){carousel-indicators{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/443/assets/pdp-media-indicators.css.map */
