.io-cp{--io-cp-h-actual:var(--io-cp-height,400px);background:#fff;padding:48px 0;position:relative}.io-cp--dark{background:#0a0a0a}.io-cp--dark .io-cp__eyebrow{color:#d4af37}.io-cp--dark .io-cp__heading{color:#fff}.io-cp--dark .io-cp__sub{color:#ffffff80}.io-cp--dark .io-cp__arrow{background:#ffffff1a;border-color:#ffffff26;color:#fff}.io-cp--dark .io-cp__arrow:hover{background:#fff3;border-color:#d4af37}.io-cp--dark .io-cp__dot{background:#fff3}.io-cp--dark .io-cp__empty{background:#1a1a1a}.io-cp__header{text-align:center;margin-bottom:28px;padding:0 16px}.io-cp__eyebrow{font-family:var(--io-font-body,"DM Sans",sans-serif);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9a7b2c;margin:0 0 6px}.io-cp__heading{font-family:var(--io-font-display,"Playfair Display",serif);font-size:clamp(20px,4vw,28px);font-weight:700;color:#111;margin:0 0 6px;line-height:1.2}.io-cp__sub{font-family:var(--io-font-body,"DM Sans",sans-serif);font-size:14px;color:#888;margin:0}.io-cp__track-wrap{position:relative}.io-cp--fade .io-cp__track-wrap{overflow:hidden}.io-cp--fade .io-cp__track-wrap:before,.io-cp--fade .io-cp__track-wrap:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.io-cp--fade .io-cp__track-wrap:before{left:0;background:linear-gradient(to right,var(--io-cp-fade-color,#FFF),transparent)}.io-cp--fade .io-cp__track-wrap:after{right:0;background:linear-gradient(to left,var(--io-cp-fade-color,#FFF),transparent)}.io-cp--dark.io-cp--fade{--io-cp-fade-color:#0A0A0A}.io-cp__snap{display:flex;gap:var(--io-cp-gap,12px);overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 24px;height:var(--io-cp-h-actual)}.io-cp__snap::-webkit-scrollbar{display:none}.io-cp__overflow{overflow:hidden;height:var(--io-cp-h-actual)}.io-cp__marquee{display:flex;width:max-content;animation:io-cp-marquee var(--io-cp-speed,15s) linear infinite}.io-cp__marquee-set{display:flex;gap:var(--io-cp-gap,12px);padding-right:var(--io-cp-gap,12px);flex-shrink:0}@keyframes io-cp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.io-cp__item{flex-shrink:0;height:100%;position:relative;border-radius:var(--io-cp-radius,12px);overflow:hidden}.io-cp__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.io-cp__item:hover .io-cp__img{transform:scale(1.03)}.io-cp__empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:inherit}.io-cp__caption{position:absolute;bottom:0;left:0;right:0;padding:28px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);pointer-events:none}.io-cp__caption-text{font-family:var(--io-font-body,"DM Sans",sans-serif);font-size:13px;font-weight:600;color:#fff;margin:0;line-height:1.3}.io-cp__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #EEE;background:#fffffff2;color:#111;cursor:pointer;padding:0;transition:border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #00000014}.io-cp__arrow:hover{border-color:#d4af37;box-shadow:0 4px 16px #0000001f}.io-cp__arrow--prev{left:12px}.io-cp__arrow--next{right:12px}.io-cp__dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px}.io-cp__dot{width:8px;height:8px;border-radius:8px;border:none;background:#ddd;cursor:pointer;padding:0;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.io-cp__dot.is-on{width:24px;background:#111}.io-cp--dark .io-cp__dot.is-on{background:#d4af37}@media(max-width:749px){.io-cp{--io-cp-h-actual:var(--io-cp-height-m,280px)}.io-cp--fade .io-cp__track-wrap:before,.io-cp--fade .io-cp__track-wrap:after{width:30px}}@media(min-width:750px){.io-cp{padding:56px 0}.io-cp__arrow--prev{left:16px}.io-cp__arrow--next{right:16px}}@media(min-width:990px){.io-cp{padding:64px 0}.io-cp__arrow{width:44px;height:44px}.io-cp--fade .io-cp__track-wrap:before,.io-cp--fade .io-cp__track-wrap:after{width:80px}}@media(prefers-reduced-motion:reduce){.io-cp__img,.io-cp__dot,.io-cp__arrow{transition:none}.io-cp__marquee{animation:none}.io-cp__overflow{overflow-x:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/io-community-photos.css.map */