.ugc-sec{background:var(--color-white);border-bottom:var(--border)}.ugc-sec__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-m);padding-top:var(--space-xl);padding-bottom:var(--space-m);border-bottom:var(--border)}.ugc-sec__title{font-family:var(--font-display);font-size:var(--text-display-2);font-weight:var(--font-weight-black);letter-spacing:var(--tracking-display);line-height:var(--leading-display);margin:0 0 var(--space-xs)}.ugc-sec__subtitle{font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);text-transform:uppercase;margin:0}.ugc-sec__tabs{display:flex;align-items:center;gap:var(--space-m);flex-shrink:0}.ugc-sec__tab{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);text-transform:uppercase;color:var(--color-border);transition:color var(--transition-fast)}.ugc-sec__tab.is-active{color:var(--color-text);font-weight:var(--font-weight-black)}.ugc-sec__carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ugc-sec__carousel::-webkit-scrollbar{display:none}.ugc-sec__card{flex:0 0 90%;scroll-snap-align:start;border-right:var(--border);cursor:pointer}.ugc-sec__card:last-child{border-right:none}.ugc-sec__card-inner{position:relative;aspect-ratio:314 / 392;overflow:hidden}.ugc-sec__card-img{display:block;width:100%;height:100%;object-fit:cover}.ugc-sec__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--color-black) 100%);pointer-events:none}.ugc-sec__card-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-m);z-index:1}.ugc-sec__card-cta,.ugc-sec__card-handle{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-white);text-transform:uppercase;white-space:nowrap}.ugc-sec__card-cta{background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:var(--text-underline-offset)}.ugc-sec__card-handle{text-decoration:none}@media(min-width:768px){.ugc-sec__card{flex:0 0 50%}}@media(min-width:1024px){.ugc-sec__card{flex:0 0 25%}}.ugc-sec__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) - 1);background:var(--color-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);cursor:pointer}.ugc-sec__backdrop.is-visible{opacity:1;visibility:visible}.ugc-sec__sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;z-index:var(--z-modal);background:var(--color-white);display:flex;flex-direction:column;transform:translate3d(100%,0,0);visibility:hidden;pointer-events:none;transition:var(--offscreen-slide-transition);overflow:hidden;will-change:transform;contain:layout style paint}.ugc-sec__sidebar.is-open{transform:translateZ(0);visibility:visible;pointer-events:auto;transition:var(--offscreen-slide-transition-open);contain:none}.ugc-sec__sidebar-header{flex-shrink:0;display:flex;align-items:stretch;height:var(--header-nav-height);border-bottom:var(--border-weight) solid var(--color-border)}.ugc-sec__sidebar-title{flex:1;display:flex;align-items:center;padding:0 var(--space-m);font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-text);border-right:var(--border-weight) solid var(--color-border)}.ugc-sec__sidebar-close{flex-shrink:0;width:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text);transition:color var(--transition-fast)}.ugc-sec__sidebar-close:hover{color:var(--color-koi)}.ugc-sec__sidebar-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ugc-sec__sidebar-image{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-bottom:var(--border-weight) solid var(--color-border)}.ugc-sec__sidebar-image-img{display:block;width:100%;height:100%;object-fit:cover}.ugc-sec__sidebar-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--color-black) 100%);pointer-events:none}.ugc-sec__sidebar-image-handle{position:absolute;bottom:var(--space-m);right:var(--space-m);font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-body);color:var(--color-white);text-transform:uppercase;z-index:1}.ugc-sec__sidebar-product{display:flex;align-items:stretch;background:var(--color-off-white);border-bottom:var(--border-weight) solid var(--color-border)}.ugc-sec__sidebar-product-img-wrap{flex-shrink:0;width:120px;aspect-ratio:4 / 5;overflow:hidden;background:var(--color-off-white);display:flex;align-items:center;justify-content:center;border-right:var(--border-weight) solid var(--color-border);text-decoration:none}.ugc-sec__sidebar-product-img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:block}.ugc-sec__sidebar-product-info{flex:1;display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-s);min-width:0}.ugc-sec__sidebar-product-text{display:flex;flex-direction:column;gap:var(--space-xs)}.ugc-sec__sidebar-product-title{font-family:var(--font-display);font-size:var(--text-header-3);font-weight:900;line-height:1.4;letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-text);margin:0}.ugc-sec__sidebar-product-desc{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-regular);line-height:1.5;letter-spacing:var(--tracking-body);color:var(--color-text);margin:0}.ugc-sec__sidebar-product-price{display:flex;gap:var(--space-xs);align-items:baseline;font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);color:var(--color-text);margin:0}.ugc-sec__sidebar-product-price--compare{font-size:var(--text-body-2);color:var(--color-border);text-decoration:line-through}.ugc-sec__sidebar-product-btn{display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-s) var(--space-m);border:var(--border-weight) solid var(--color-text);font-family:var(--font-body);font-size:var(--text-header-4);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-display);text-transform:uppercase;text-decoration:none;color:var(--color-text);background:none;transition:background var(--transition-fast)}.ugc-sec__sidebar-product-btn:hover{background:var(--color-light-grey)}@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:1.5dppx){.ugc-sec__sidebar-product-btn{border-color:transparent}.ugc-sec__sidebar-product-btn:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;border:1px solid var(--color-text);transform:scale(.5);transform-origin:top left;pointer-events:none}}@media(min-width:768px){.ugc-sec__sidebar{width:50%;border-radius:0 0 0 12px}.ugc-sec__backdrop{-webkit-backdrop-filter:var(--overlay-blur);backdrop-filter:var(--overlay-blur)}}@media(min-width:1024px){.ugc-sec__sidebar{width:500px;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/section-ugc.css.map */