@property --rim-angle{syntax:"<angle>";initial-value:0deg;inherits:true}:root{--rim-speed:3s;--rim-width:5px;--rim-gold:#ffcf3d;--rim-pink:#f25bff;--rim-violet:#7844ff;--rim-cyan:#80f5ff}.hero{min-height:540px;padding-top:55px;padding-bottom:55px;align-items:center}.hero h1{font-size:clamp(85px,8.5vw,130px)}.hero-art{height:390px;margin-top:0}.featured-label{position:absolute;top:0;left:4%;font:600 13px/1.5 var(--body);letter-spacing:2px;color:var(--accent)}.hero-art .hero-photo{height:auto;border:0;padding:0;background:transparent;border-radius:0;box-shadow:none}.hero-photo img{height:auto;aspect-ratio:auto;object-fit:contain;border:0}.hero-watermelon{--bag-glow-color:#39d35388;width:45%;top:105px;left:-1%;transform:rotate(-10deg);z-index:1}.hero-blue{--bag-glow-color:#008fff88;width:46%;left:28%;top:55px;transform:rotate(3deg);z-index:3}.hero-cherry{--bag-glow-color:#ff252588;width:42%;right:-1%;top:131px;transform:rotate(11deg);z-index:2}.hero-photo span{display:none}.hero-cherry span{left:auto;right:8px}.art-caption{left:4%;bottom:0;right:0;letter-spacing:0;font:12px/1.5 var(--body);color:#aaa}.touch-hint{display:none!important}.product-photo{--rim-angle:0deg;position:relative;isolation:isolate;scale:1;transition:scale var(--hover-duration) cubic-bezier(.2,.7,.2,1),filter var(--hover-duration);touch-action:pan-y;-webkit-touch-callout:none}.product-photo img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.product-photo:before,.product-photo:after{content:"";position:absolute;pointer-events:none;opacity:0;z-index:4;transition:opacity var(--hover-duration);border-radius:calc(var(--card-radius) + 5px);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.product-photo:before{inset:calc(-1 * var(--rim-width) - 2px);padding:var(--rim-width);background:conic-gradient(from var(--rim-angle),var(--rim-gold),#ffb841 12%,var(--rim-pink) 25%,var(--rim-violet) 42%,var(--rim-cyan) 55%,#eab4ff 69%,var(--rim-pink) 80%,var(--rim-gold));filter:drop-shadow(0 0 5px #ec74ff)}.product-photo:after{top:-2px;right:-2px;bottom:-2px;left:-2px;padding:2px;border-radius:calc(var(--card-radius) + 2px);background:conic-gradient(from var(--rim-angle),#fff8b7,#fff 5%,#ffcb34 15%,#ffe980 38%,#fff 48%,#ffd83b 62%,#fff6bb 76%,#fff 86%,#ffcf3d);box-shadow:0 0 3px #ffef83}.product-photo:is(.is-energized,:focus-visible,:has(:focus-visible),.touch-preview){z-index:8;scale:var(--hover-scale);animation:rim-travel var(--rim-speed) linear infinite;filter:drop-shadow(-5px 0 calc(var(--glow-strength) * .6) #ba44ff88) drop-shadow(5px 2px calc(var(--glow-strength) * .6) #ffcd4588)}.product-photo:is(.is-energized,:focus-visible,:has(:focus-visible),.touch-preview):before,.product-photo:is(.is-energized,:focus-visible,:has(:focus-visible),.touch-preview):after{opacity:1}.product-photo>img,.product-photo>.image-button>img{transform:none!important;filter:none!important}@keyframes rim-travel{to{--rim-angle:360deg}}.image-button{aspect-ratio:1;background:transparent;overflow:visible}.image-button img{object-fit:cover;object-position:center;aspect-ratio:1;height:100%;width:100%;display:block}.card-number{top:10px;left:10px;font-size:10px;opacity:.9}.card-zoom{bottom:10px;right:10px}.card-bottom{display:block;position:relative;padding-bottom:4px}.card-bottom>div{min-width:0}.product-title{max-width:100%}.product-price{margin-top:17px}.card-bottom .quick-add{position:absolute;right:0;bottom:0}.card-visual{margin-bottom:26px}.product-card:has(.is-energized),.product-card:has(:focus-visible){z-index:9}.detail-gallery:has(.is-energized){z-index:2}.detail-image img,.bag-item img,.thumbnails img,.tuner-sample img{object-fit:cover;aspect-ratio:1;display:block}.tuner-sample img{content:normal}:root{--hero-outline-scale:1.025;--hero-glow-blur:12px;--hero-rest-glow:26px}.hero-photo{filter:drop-shadow(0 0 var(--hero-rest-glow) var(--bag-glow-color))}.hero-photo:before,.hero-photo:after{top:0;right:0;bottom:0;left:0;padding:0;border-radius:0;z-index:-1;-webkit-mask:var(--bag-cutout) center/contain no-repeat;mask:var(--bag-cutout) center/contain no-repeat;-webkit-mask-composite:source-over;mask-composite:add;box-shadow:none}.hero-photo:before{transform:scale(var(--hero-outline-scale));filter:blur(1px)}.hero-photo:after{transform:scale(1.045);filter:blur(var(--hero-glow-blur));background:conic-gradient(from var(--rim-angle),var(--rim-gold),var(--rim-pink),var(--rim-violet),var(--rim-cyan),var(--rim-gold))}.hero-photo img{width:100%;display:block;aspect-ratio:auto}.border-tip{color:#adad9f;font-size:12px;line-height:1.6;margin:0 0 16px}@media(hover:none){.mouse-hint{display:none!important}.touch-hint{display:block!important}}@media(max-width:1050px){.hero-art{height:335px}.hero-watermelon{top:95px}.hero-blue{top:60px}.hero-cherry{top:120px}.hero-photo span{font-size:9px}.featured-label{font-size:12px}}@media(max-width:700px){.hero{padding-top:36px;padding-bottom:26px;align-items:stretch}.hero h1{font-size:clamp(78px,21vw,114px)}.hero .eyebrow{font-size:11px;margin-bottom:17px}.hero-description{margin:19px 0 22px}.hero-art{width:95%;height:300px;margin:39px auto 0}.featured-label{top:0;left:0}.hero-watermelon{top:98px}.hero-blue{top:57px}.hero-cherry{top:126px}.hero-photo span{font-size:8px;padding:3px 5px;bottom:5px;left:5px}.hero-cherry span{right:5px;left:auto}.art-caption{left:0;font-size:12px}.art-caption span:last-child{display:none}.card-topline{flex-wrap:wrap;row-gap:3px}.image-button,.image-button img{aspect-ratio:1}.card-number{font-size:9px;top:6px;left:6px}.product-grid{gap:30px 19px}.section-heading h2{font-size:51px}}@media(max-width:360px){.hero-art{height:272px}.hero-cherry{top:119px}.hero-watermelon{top:93px}}@media(prefers-reduced-motion:reduce){.product-photo:is(.is-energized,:focus-visible,:has(:focus-visible),.touch-preview){animation:none;--rim-angle:35deg}}.header{background:#090909;-webkit-backdrop-filter:none;backdrop-filter:none}@supports (-moz-appearance: none){.product-photo{transition-property:scale}.product-photo:is(.is-energized,:focus-visible,:has(:focus-visible),.touch-preview){animation:none;--rim-angle: 35deg}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sk-effects.css.map */