.sg-pack-section{background:var(--sg-bg,#050608);color:#fff;padding:16px 0 20px;font-family:var(--font-body-family);overflow:hidden}.sg-pack-section h2{font-family:var(--font-heading-family);font-size:clamp(28px,4vw,48px);font-weight:800;text-align:center;color:#fff;margin:0 20px 20px;line-height:1.15}.sg-pack{margin:0 auto 24px;max-width:1180px;min-width:0}.sg-pack h3{text-align:center;color:var(--sg-accent);font-weight:700;font-size:clamp(18px,3vw,24px);margin:0 20px 20px}.sg-pack-cover{display:block;width:min(620px,calc(100% - 40px));height:auto;margin:0 auto 16px;border-radius:12px}.sg-box-cover{display:block;width:min(540px,calc(100% - 40px));height:auto;margin:0 auto 12px}sg-card-rail{display:block;max-width:1180px;margin:auto;min-width:0}.sg-card-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0}.sg-card-controls button{cursor:pointer;min-width:44px;min-height:44px;border:1px solid #ffffff30;border-radius:24px;background:#101820;color:#fff;padding:8px 16px;font:inherit;font-size:14px}.sg-card-controls button:focus-visible,.sg-card-viewport:focus-visible{outline:2px solid var(--sg-accent);outline-offset:3px}.sg-card-viewport{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#387a8d #101820;overscroll-behavior-x:contain;touch-action:pan-x pan-y;direction:ltr;cursor:grab;padding-bottom:12px}.sg-card-viewport:active{cursor:grabbing}.sg-card-group{display:flex;flex:none;gap:16px;list-style:none;padding:0 8px;margin:0}.sg-card-group li{flex:0 0 210px;width:210px;margin:0;overflow:hidden;border-radius:12px}.sg-card-group img{display:block;width:100%;height:auto;border-radius:12px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:639px){.sg-card-group{gap:12px;padding:0 6px}.sg-card-group li{flex-basis:160px;width:160px}.sg-pack{margin-bottom:24px}.sg-pack-section{padding-bottom:20px}}.sg-pack:last-child{margin-bottom:0}.sg-pack-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:1800px;margin:auto;padding:0 20px}.sg-pack-grid .sg-pack{width:100%;margin:0;overflow:hidden}.sg-pack-grid .sg-pack-cover{width:100%;margin-bottom:10px;border-radius:8px}.sg-pack-grid .sg-pack h3{font-size:16px;margin:0 0 12px}.sg-pack-grid .sg-card-group{width:100%;box-sizing:border-box;gap:4px;padding:0 2px}.sg-pack-grid .sg-card-group li{flex:0 0 calc((100% - 20px)/6);width:calc((100% - 20px)/6);border-radius:4px}.sg-pack-grid .sg-card-group img{border-radius:4px}@media(min-width:750px){.sg-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}}@media(min-width:1200px){.sg-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1600px){.sg-pack-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}.sg-artist-credit{max-width:900px;margin:0 auto 28px;padding:0 20px;text-align:center;font-size:clamp(17px,2vw,23px);line-height:1.45;color:#e2e8f0}.sg-artist-credit p{margin:0}.sg-artist-credit strong{color:var(--sg-accent);font-weight:800}.sg-jdm-static h2,.sg-box-compact h2{margin-bottom:12px}.sg-jdm-static .sg-pack-grid{max-width:1440px;gap:32px;grid-template-columns:minmax(0,1fr)}.sg-jdm-static .sg-pack h3{font-size:clamp(20px,2vw,26px);margin-bottom:14px}.sg-static-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}.sg-static-cards li{min-width:0;margin:0}.sg-static-cards img{display:block;width:100%;height:auto;border-radius:8px}.sg-box-crop{position:relative;width:min(620px,calc(100% - 40px));aspect-ratio:6/5;overflow:hidden;margin:0 auto 8px}.sg-box-crop .sg-box-cover{position:absolute;top:-25%;left:0;width:100%;max-width:none;height:auto;margin:0}.sg-box-crop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,var(--sg-bg) 0%,transparent 8%,transparent 82%,var(--sg-bg) 100%)}.sg-box-compact .sg-artist-credit{margin-bottom:12px}@media(min-width:750px){.sg-jdm-static .sg-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.sg-jdm-static .sg-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sg-pack-slider{display:block;position:relative;max-width:1600px;margin:auto}.sg-jdm-static .sg-pack-grid{display:flex;max-width:none;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 32px 8px;cursor:grab;touch-action:pan-x pan-y}.sg-jdm-static .sg-pack-grid::-webkit-scrollbar{display:none}.sg-jdm-static .sg-pack-grid .sg-pack{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;scroll-margin-left:32px}.sg-pack-grid img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sg-jdm-static .sg-pack-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.sg-pack-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#050608d9;color:#fff;font-size:26px;cursor:pointer;box-shadow:0 3px 16px #0008}.sg-pack-arrow--prev{left:8px}.sg-pack-arrow--next{right:8px}.sg-pack-arrow:disabled{opacity:0;pointer-events:none}.sg-pack-arrow:focus-visible,.sg-pack-grid:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}@media(max-width:1199px){.sg-jdm-static .sg-pack-grid .sg-pack{flex-basis:calc((100% - 24px)/2)}}@media(max-width:749px){.sg-jdm-static .sg-pack-grid{gap:16px;padding-inline:20px}.sg-jdm-static .sg-pack-grid .sg-pack{flex-basis:92%;scroll-margin-left:20px}.sg-pack-arrow{width:38px;height:38px;font-size:23px}.sg-pack-arrow--prev{left:3px}.sg-pack-arrow--next{right:3px}}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow{width:54px;height:62px;border:1px solid color-mix(in srgb,var(--sg-accent) 70%,white 30%);border-radius:16px;background:linear-gradient(145deg,#18313aeb,#050b10f5);color:#fff;box-shadow:0 5px 20px #000b,inset 0 1px #ffffff20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;touch-action:manipulation}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow svg{display:block;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow--prev{left:10px}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow--next{right:10px}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow:focus-visible{outline:3px solid #fff;outline-offset:4px;border-color:var(--sg-accent)}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow:active:not(:disabled){background:var(--sg-accent);color:#041016;box-shadow:0 2px 8px #0008}@media(hover:hover){:is(.sg-jdm-static,.sg-details) .sg-pack-arrow:hover:not(:disabled){background:#064759f5;border-color:#a3eaff;box-shadow:0 5px 24px #000b,0 0 16px #00abd936}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow--next:hover:not(:disabled) svg{transform:translate(2px)}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow--prev:hover:not(:disabled) svg{transform:translate(-2px)}}@media(max-width:749px){:is(.sg-jdm-static,.sg-details) .sg-pack-arrow{width:46px;height:54px;border-radius:14px}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow--prev{left:6px}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow--next{right:6px}}@media(prefers-reduced-motion:reduce){:is(.sg-jdm-static,.sg-details) .sg-pack-arrow,:is(.sg-jdm-static,.sg-details) .sg-pack-arrow svg{transition:none}}.sg-jdm-intro{max-width:1180px;margin:0 auto 28px;padding:24px 24px 0;text-align:left}.sg-jdm-intro__label{margin:0 0 12px;color:var(--sg-accent);font-size:14px;font-weight:600}.sg-jdm-static .sg-jdm-intro h2{text-align:left;margin:0 0 20px;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.04em}.sg-jdm-intro .sg-artist-credit{text-align:left;padding:0;margin:0;max-width:650px;font-size:20px}@media(max-width:749px){.sg-jdm-intro{padding:20px 20px 0;margin-bottom:24px}.sg-jdm-static .sg-jdm-intro h2{font-size:36px;margin-bottom:14px}.sg-jdm-intro .sg-artist-credit{font-size:18px}}.sg-jdm-intro__label:before{content:"";display:inline-block;width:24px;height:3px;margin-right:10px;vertical-align:middle;border-radius:2px;background:#ff9b3d}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow svg{color:#ff9b3d}:is(.sg-jdm-static,.sg-details) .sg-pack-arrow:active:not(:disabled) svg{color:#041016}.sg-jdm-intro__summary{margin:18px 0 0;font-size:19px;font-weight:600;line-height:1.5;color:#fff}@media(max-width:749px){.sg-jdm-intro__summary{font-size:17px;margin-top:16px}}@media(min-width:750px){body.password .sg-jdm-intro,body.password .sg-jdm-static .sg-jdm-intro h2,body.password .sg-jdm-intro .sg-artist-credit{text-align:center}body.password .sg-jdm-intro .sg-artist-credit{margin-inline:auto}body.password .sg-jdm-intro__label:after{content:"";display:inline-block;width:24px;height:3px;margin-left:10px;vertical-align:middle;border-radius:2px;background:#ff9b3d}body.password .sg-jdm-static .sg-pack-grid{--sg-pack-inset:max(32px, calc((100% - 1180px)/2) );padding-inline:var(--sg-pack-inset);scroll-padding-left:var(--sg-pack-inset)}body.password .sg-jdm-static .sg-pack-grid .sg-pack{scroll-margin-left:0}body.password .sg-jdm-static .sg-pack-arrow--prev{left:max(6px,calc((100% - 1180px)/2 - 27px))}body.password .sg-jdm-static .sg-pack-arrow--next{right:max(6px,calc((100% - 1180px)/2 - 27px))}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/sg-password-cards.css.map */