@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Hanken+Grotesk:wght@400..700&display=swap";.nextdev--ugc__section{--nextdev-color-bone: #f7e3d0;--nextdev-color-bone-rgb: 247, 227, 208;--nextdev-color-oat: #e8c9a6;--nextdev-color-oat-rgb: 232, 201, 166;--nextdev-color-navy-grey: #464543;--nextdev-color-orange: #ff9900;--nextdev-color-orange-rgb: 255, 153, 0;--nextdev-color-dark-grey: #3b3a36;--nextdev-color-dark-grey-rgb: 59, 58, 54;--nextdev-color-brown: #6b4a30;--nextdev-color-brown-rgb: 107, 74, 48;--nextdev-font-display: "Fraunces", Georgia, serif;--nextdev-font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--nextdev-ugc-edge: 48px;--nextdev-ugc-wave-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 30 C 40 16,80 44,120 36 C 160 28,200 10,240 20 C 280 30,320 46,360 38 C 400 30,440 12,480 22 C 520 32,560 44,600 34 C 640 24,680 10,720 22 C 760 34,800 44,840 36 C 880 28,920 12,960 20 C 1000 28,1040 46,1080 38 C 1120 30,1160 14,1200 24 C 1240 34,1280 44,1320 34 C 1360 24,1400 12,1440 22 L1440 48 L0 48 Z'/%3E%3C/svg%3E");--nextdev-ugc-wave-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 26 C 45 12,85 40,130 32 C 175 24,210 8,255 18 C 300 28,335 44,380 36 C 425 28,460 14,505 24 C 550 34,585 46,630 36 C 675 26,710 10,755 20 C 800 30,835 44,880 34 C 925 24,960 12,1005 22 C 1050 32,1085 46,1130 38 C 1175 30,1210 12,1255 22 C 1300 32,1340 44,1385 34 C 1410 29,1425 24,1440 20 L1440 48 L0 48 Z' transform='rotate(180 720 24)'/%3E%3C/svg%3E");--nextdev-ugc-pad: 30px;--nextdev-ugc-fade: 34px;--nextdev-ugc-peek: .5;--nextdev-ugc-x: 0px;--nextdev-ugc-slide-width: 260px;--nextdev-ugc-gap: 22px;--nextdev-ugc-slide-opacity: 1;position:relative;isolation:isolate;overflow:hidden;padding:clamp(50px,32px + 3.4vw,88px) 0 clamp(54px,35.2px + 3.4vw,92px);background:var(--nextdev-color-oat);color:var(--nextdev-color-dark-grey);font-family:var(--nextdev-font-body);line-height:normal;letter-spacing:normal;-webkit-mask-image:var(--nextdev-ugc-wave-top),var(--nextdev-ugc-wave-bottom),linear-gradient(#000,#000);mask-image:var(--nextdev-ugc-wave-top),var(--nextdev-ugc-wave-bottom),linear-gradient(#000,#000);-webkit-mask-size:100% var(--nextdev-ugc-edge),100% var(--nextdev-ugc-edge),100% calc(100% - var(--nextdev-ugc-edge) * 2);mask-size:100% var(--nextdev-ugc-edge),100% var(--nextdev-ugc-edge),100% calc(100% - var(--nextdev-ugc-edge) * 2);-webkit-mask-position:left top,left bottom,left var(--nextdev-ugc-edge);mask-position:left top,left bottom,left var(--nextdev-ugc-edge);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nextdev--ugc__section *,.nextdev--ugc__section *:before,.nextdev--ugc__section *:after{box-sizing:border-box}.nextdev--ugc__section p{margin:0}.nextdev--ugc__section :focus-visible{outline:2px solid var(--nextdev-color-brown);outline-offset:4px}.nextdev--ugc__defs{position:absolute;width:0;height:0}.nextdev--ugc__paws{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.nextdev--ugc__paw{position:absolute;width:var(--nextdev-ugc-paw-size);color:var(--nextdev-color-brown);opacity:var(--nextdev-ugc-paw-opacity);transform:rotate(var(--nextdev-ugc-paw-angle));animation:nextdev-ugc-drift 13s ease-in-out infinite}.nextdev--ugc__paw:nth-of-type(2n){animation-duration:17s;animation-direction:alternate-reverse}@keyframes nextdev-ugc-drift{0%,to{transform:rotate(var(--nextdev-ugc-paw-angle)) translateY(0)}50%{transform:rotate(calc(var(--nextdev-ugc-paw-angle) + 4deg)) translateY(-12px)}}.nextdev--ugc__paw:nth-of-type(1){--nextdev-ugc-paw-size: 56px;--nextdev-ugc-paw-angle: -22deg;--nextdev-ugc-paw-opacity: .16;top:96px;left:13%}.nextdev--ugc__paw:nth-of-type(2){--nextdev-ugc-paw-size: 38px;--nextdev-ugc-paw-angle: 16deg;--nextdev-ugc-paw-opacity: .13;top:158px;left:22%;animation-delay:-4s}.nextdev--ugc__paw:nth-of-type(3){--nextdev-ugc-paw-size: 50px;--nextdev-ugc-paw-angle: 24deg;--nextdev-ugc-paw-opacity: .16;top:112px;right:14%;animation-delay:-2s}.nextdev--ugc__paw:nth-of-type(4){--nextdev-ugc-paw-size: 34px;--nextdev-ugc-paw-angle: -12deg;--nextdev-ugc-paw-opacity: .12;top:196px;right:23%;animation-delay:-7s}.nextdev--ugc__paw:nth-of-type(5){--nextdev-ugc-paw-size: 44px;--nextdev-ugc-paw-angle: 34deg;--nextdev-ugc-paw-opacity: .14;bottom:130px;left:8%;animation-delay:-5s}.nextdev--ugc__paw:nth-of-type(6){--nextdev-ugc-paw-size: 60px;--nextdev-ugc-paw-angle: -16deg;--nextdev-ugc-paw-opacity: .15;bottom:76px;right:9%;animation-delay:-9s}.nextdev--ugc__paw:nth-of-type(7){--nextdev-ugc-paw-size: 30px;--nextdev-ugc-paw-angle: 8deg;--nextdev-ugc-paw-opacity: .11;bottom:190px;right:17%;animation-delay:-11s}.nextdev--ugc__inner{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 clamp(22px,16px + 1.2vw,40px);text-align:center}.nextdev--ugc__section .nextdev--ugc__eyebrow{margin-bottom:clamp(12px,8px + .7vw,20px);font-size:clamp(11px,10.4px + .1vw,12px);font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--nextdev-color-brown)}.nextdev--ugc__count{font-family:var(--nextdev-font-display);font-size:clamp(64px,19.2px + 8vw,132px);font-weight:500;line-height:.98;letter-spacing:-.025em;color:var(--nextdev-color-brown);font-variant-numeric:lining-nums tabular-nums}.nextdev--ugc__headline{margin:clamp(8px,4.8px + .6vw,16px) 0 clamp(10px,6.4px + .6vw,18px);font-family:var(--nextdev-font-display);font-size:clamp(27px,16px + 2.6vw,46px);font-weight:400;line-height:1.16;color:var(--nextdev-color-dark-grey);text-transform:none;text-wrap:balance}.nextdev--ugc__note{font-size:clamp(14px,12.8px + .2vw,16px);font-weight:500;color:var(--nextdev-color-brown)}.nextdev--ugc__stage{position:relative;z-index:2;width:min(1180px,calc(100% - 80px));margin:26px auto 0}.nextdev--ugc__wrap{position:relative;margin:0 calc(var(--nextdev-ugc-pad) * -1)}.nextdev--ugc__wrap:before,.nextdev--ugc__wrap:after{content:"";position:absolute;top:0;bottom:0;z-index:3;width:var(--nextdev-ugc-fade);pointer-events:none}.nextdev--ugc__wrap:before{left:0;background:linear-gradient(to right,rgba(var(--nextdev-color-oat-rgb),.92),rgba(var(--nextdev-color-oat-rgb),.34),rgba(var(--nextdev-color-oat-rgb),0))}.nextdev--ugc__wrap:after{right:0;background:linear-gradient(to left,rgba(var(--nextdev-color-oat-rgb),.92),rgba(var(--nextdev-color-oat-rgb),.34),rgba(var(--nextdev-color-oat-rgb),0))}.nextdev--ugc__viewport{overflow:hidden;padding:26px var(--nextdev-ugc-pad) 22px;cursor:grab;touch-action:pan-y}.nextdev--ugc__viewport--dragging{cursor:grabbing}.nextdev--ugc__track{display:flex;gap:var(--nextdev-ugc-gap);transform:translate3d(var(--nextdev-ugc-x),0,0);transition:transform .5s ease;will-change:transform}.nextdev--ugc__track--dragging{transition:none}.nextdev--ugc__slide{flex:0 0 var(--nextdev-ugc-slide-width);width:var(--nextdev-ugc-slide-width);opacity:var(--nextdev-ugc-slide-opacity);transition:opacity .35s ease}.nextdev--ugc__frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:999px 999px 14px 14px;background:var(--nextdev-color-bone);transform:scale(.95);transform-origin:center bottom;transition:transform .45s ease}.nextdev--ugc__slide--active .nextdev--ugc__frame{transform:scale(1.03)}.nextdev--ugc__image,.nextdev--ugc__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.nextdev--ugc__image{object-fit:cover}.nextdev--ugc__video{object-fit:contain;background:var(--nextdev-color-dark-grey)}.nextdev--ugc__play{position:absolute;top:50%;left:50%;z-index:3;display:grid;place-items:center;width:clamp(56px,48px + 1vw,66px);height:clamp(56px,48px + 1vw,66px);padding:0;border:0;border-radius:50%;background:rgba(var(--nextdev-color-orange-rgb),.92);color:var(--nextdev-color-dark-grey);font-family:var(--nextdev-font-body);cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 4px 16px rgba(var(--nextdev-color-dark-grey-rgb),.22);transition:transform .2s ease,background .2s ease}.nextdev--ugc__play:hover{background:var(--nextdev-color-orange);transform:translate(-50%,-50%) scale(1.07)}.nextdev--ugc__play:active{transform:translate(-50%,-50%) scale(.95)}.nextdev--ugc__play svg{width:clamp(27px,22.4px + .6vw,32px);height:clamp(27px,22.4px + .6vw,32px)}.nextdev--ugc__meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(40px,32px + 1vw,52px) clamp(13px,9.6px + .4vw,18px) clamp(12px,9.6px + .3vw,16px);text-align:left;pointer-events:none;background:linear-gradient(to top,rgba(var(--nextdev-color-dark-grey-rgb),.82),rgba(var(--nextdev-color-dark-grey-rgb),.54) 42%,rgba(var(--nextdev-color-dark-grey-rgb),.18) 74%,rgba(var(--nextdev-color-dark-grey-rgb),0));transition:opacity .25s ease}.nextdev--ugc__meta-name{display:block;font-size:clamp(15px,13.6px + .3vw,17px);font-weight:600;color:var(--nextdev-color-bone)}.nextdev--ugc__meta-detail{display:block;margin-top:1px;font-size:clamp(14px,12.8px + .28vw,16px);font-weight:400;color:rgba(var(--nextdev-color-bone-rgb),.88)}.nextdev--ugc__frame--playing .nextdev--ugc__meta{opacity:0;visibility:hidden}.nextdev--ugc__arrows{display:flex;justify-content:center;gap:16px;margin-top:26px}.nextdev--ugc__arrow{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(var(--nextdev-color-brown-rgb),.45);border-radius:50%;background:none;color:var(--nextdev-color-dark-grey);font-family:var(--nextdev-font-body);cursor:pointer;transition:background .18s ease,border-color .18s ease}.nextdev--ugc__arrow:hover{background:rgba(var(--nextdev-color-bone-rgb),.7);border-color:var(--nextdev-color-brown)}.nextdev--ugc__arrow svg{width:19px;height:13px}.nextdev--ugc__dots{display:none;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;padding:0 8px}.nextdev--ugc__dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:var(--nextdev-color-brown);opacity:.28;cursor:pointer;transition:width .25s ease,opacity .25s ease,background .25s ease}.nextdev--ugc__dot--active{width:22px;background:var(--nextdev-color-orange);opacity:1}@media(max-width:749px){.nextdev--ugc__section{--nextdev-ugc-pad: 14px;--nextdev-ugc-fade: 18px;--nextdev-ugc-peek: .45}.nextdev--ugc__section{--nextdev-ugc-edge: 26px}.nextdev--ugc__stage{width:100%}.nextdev--ugc__viewport{padding:18px var(--nextdev-ugc-pad) 16px}.nextdev--ugc__frame{border-radius:999px 999px 10px 10px}.nextdev--ugc__arrows{display:none}.nextdev--ugc__dots{display:flex}.nextdev--ugc__paw:nth-of-type(2),.nextdev--ugc__paw:nth-of-type(4),.nextdev--ugc__paw:nth-of-type(7){display:none}.nextdev--ugc__paw:nth-of-type(1){--nextdev-ugc-paw-size: 38px;--nextdev-ugc-paw-opacity: .15;top:14px;bottom:auto;left:5%;right:auto}.nextdev--ugc__paw:nth-of-type(3){--nextdev-ugc-paw-size: 30px;--nextdev-ugc-paw-opacity: .13;top:20px;bottom:auto;left:auto;right:7%}.nextdev--ugc__paw:nth-of-type(5){--nextdev-ugc-paw-size: 32px;--nextdev-ugc-paw-opacity: .13;top:auto;bottom:18px;left:7%;right:auto}.nextdev--ugc__paw:nth-of-type(6){--nextdev-ugc-paw-size: 44px;--nextdev-ugc-paw-opacity: .15;top:auto;bottom:12px;left:auto;right:5%}}@media(prefers-reduced-motion:reduce){.nextdev--ugc__section *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/ugc-section.css.map */