media-gallery[data-clingy-filmstrip]{--cf-navy: #1d3686;--cf-navy-soft: #eef2fb;--cf-orange: #f38b13;--cf-orange-soft: #fff4e6;--cf-ease: cubic-bezier(.22, 1, .36, 1)}media-gallery[data-clingy-filmstrip] slideshow-controls[thumbnails]{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px;width:100%;margin-top:14px;padding:12px 12px 10px;box-sizing:border-box;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,#ffffff 0%,var(--cf-navy-soft) 70%);border:1px solid rgba(29,54,134,.08);box-shadow:0 10px 30px -18px #1d368673;position:static!important;mix-blend-mode:normal!important}.cf-head{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;padding:0 2px}.cf-hint{display:flex;align-items:center;gap:9px;min-width:0}.cf-hint__icon{position:relative;flex-shrink:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--cf-orange);color:#fff;box-shadow:0 4px 12px -3px #f38b13b3}.cf-hint__icon:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--cf-orange);opacity:0;animation:cf-ping 2.6s var(--cf-ease) infinite}.cf-hint__icon svg{width:15px;height:15px;animation:cf-swipe 2.6s var(--cf-ease) infinite}.cf-hint__text{position:relative;min-width:0;font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--cf-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-hint__text span{display:block;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s var(--cf-ease),transform .35s var(--cf-ease)}.cf-hint__text span.is-leaving{opacity:0;transform:translateY(-8px)}.cf-hint__text span.is-entering{opacity:0;transform:translateY(8px)}.cf-hint__dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--cf-orange);vertical-align:1px}.cf-count{flex-shrink:0;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--cf-navy);background:#fff;border:1px solid rgba(29,54,134,.12);padding:4px 10px;border-radius:999px}.cf-count b{color:var(--cf-orange);font-weight:900}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnails-container{display:flex!important;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnails{gap:10px!important;padding:12px 20px 10px!important;margin-inline:auto}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail{--cf-size: 64px;width:var(--cf-size)!important;height:var(--cf-size)!important;aspect-ratio:1!important;flex-shrink:0;border-radius:14px!important;border:0!important;outline:0!important;background:#fff;overflow:hidden;box-shadow:0 2px 8px -4px #1d368659;opacity:.62;filter:saturate(.75);transform:translateY(0) scale(1);transition:transform .4s var(--cf-ease),opacity .3s ease,filter .3s ease,box-shadow .4s var(--cf-ease);animation:cf-rise .55s var(--cf-ease) backwards;animation-delay:calc(var(--cf-i, 0) * 45ms)}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail img{width:100%;height:100%!important;object-fit:cover;border-radius:14px!important;transition:transform .5s var(--cf-ease)}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail:hover{opacity:.95;filter:none;transform:translateY(-2px)}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail:hover img{transform:scale(1.08)}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail[aria-selected=true]{opacity:1;filter:none;transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 2.5px #fff,0 0 0 5px var(--cf-orange),0 10px 20px -8px #f38b13a6}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail:focus-visible{box-shadow:0 0 0 2.5px #fff,0 0 0 5px var(--cf-navy)}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnails:after,media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail:after{display:none!important}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail-badge{top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%);width:26px!important;height:26px!important;border-radius:50%!important;background:var(--cf-orange)!important;box-shadow:0 0 #f38b1399!important;animation:cf-pulse 2s ease-out infinite}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail-badge svg{fill:#fff!important;opacity:1!important;width:55%!important;height:55%!important;margin-left:2px}.cf-progress{position:relative;height:4px;margin:0 4px;border-radius:999px;background:#1d36861a;overflow:hidden}.cf-progress__fill{position:absolute;inset:0 auto 0 0;width:var(--cf-progress, 0%);border-radius:inherit;background:linear-gradient(90deg,var(--cf-navy),var(--cf-orange));transition:width .5s var(--cf-ease)}@keyframes cf-rise{0%{opacity:0;transform:translateY(12px) scale(.92)}}@keyframes cf-swipe{0%,20%{transform:translate(-3px)}45%{transform:translate(4px)}65%,to{transform:translate(-3px)}}@keyframes cf-ping{0%{transform:scale(.85);opacity:.7}70%,to{transform:scale(1.5);opacity:0}}@keyframes cf-pulse{0%{box-shadow:0 0 #f38b138c}80%,to{box-shadow:0 0 0 9px #f38b1300}}@media screen and (max-width:749px){media-gallery[data-clingy-filmstrip] slideshow-controls[thumbnails]{margin-top:10px;padding:10px 8px 9px;border-radius:16px}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnail{--cf-size: 54px;border-radius:12px!important}.cf-hint__text{font-size:12px}.cf-count{font-size:11px;padding:3px 8px}}@media(prefers-reduced-motion:reduce){media-gallery[data-clingy-filmstrip] *,media-gallery[data-clingy-filmstrip] *:after{animation:none!important;transition:none!important}}media-gallery[data-clingy-filmstrip] slideshow-controls[thumbnails]{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"thumbs count" "bar    bar";align-items:center!important;gap:4px 8px;margin-top:8px;padding:2px 10px 8px 4px}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnails-container{grid-area:thumbs}media-gallery[data-clingy-filmstrip] .cf-head{grid-area:count;padding:0}media-gallery[data-clingy-filmstrip] .cf-progress{grid-area:bar;margin:0 4px 0 10px}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnails{padding:10px 14px 6px!important}@media screen and (max-width:749px){media-gallery[data-clingy-filmstrip] slideshow-controls[thumbnails]{margin-top:6px;padding:0 8px 7px 2px;border-radius:14px}media-gallery[data-clingy-filmstrip] .slideshow-controls__thumbnails{padding:10px 12px 5px!important}}.cf-dots{display:none}@media screen and (max-width:749px){media-gallery[data-cf-dots] slideshow-controls[thumbnails]{display:none!important}media-gallery[data-cf-dots] .cf-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;padding:8px 0 2px}media-gallery[data-cf-dots] .cf-dot{position:relative;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}media-gallery[data-cf-dots] .cf-dot:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:999px;background:#1d368638;transform:translate(-50%,-50%);transition:width .25s ease,background-color .25s ease}media-gallery[data-cf-dots] .cf-dot[aria-selected=true]:before{width:20px;background:var(--cf-navy)}}@media screen and (max-width:749px){media-gallery[data-cf-dots] .product-media-container:not(.dialog-zoomed-gallery *){--gallery-aspect-ratio: 1.25;display:flex;justify-content:center;align-items:center}media-gallery[data-cf-dots] .product-media-container:not(.dialog-zoomed-gallery *) .product-media-constraint-wrapper{width:80%!important;max-width:80%!important}}.cf-videocue{position:absolute;left:12px;bottom:12px;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 9px;border:0;border-radius:999px;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px -8px #1d368699;color:var(--cf-navy, #1d3686);font:inherit;font-size:13px;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}.cf-videocue__ic{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cf-orange, #f38b13);color:#fff;box-shadow:0 0 #f38b138c;animation:cf-cue-pulse 2.4s ease-out infinite}.cf-videocue.is-on .cf-videocue__ic{animation:none}@keyframes cf-cue-pulse{0%{box-shadow:0 0 #f38b1380}70%,to{box-shadow:0 0 0 9px #f38b1300}}@media screen and (max-width:749px){.cf-videocue{left:10px;bottom:10px;font-size:12.5px;padding:6px 11px 6px 8px}}@media screen and (max-width:749px){media-gallery[data-cf-dots] .cf-dot--video:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:1.5px solid var(--cf-orange, #f38b13)}media-gallery[data-cf-dots] .cf-dot--video[aria-selected=true]:after{opacity:0}}@media(prefers-reduced-motion:reduce){.cf-videocue__ic{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/clingy-filmstrip.css.map */