/* ONECLIP SHOP — 첫 화면 네 칸 전용 CSS. styles.css 다음에 읽힌다. ① Tailwind v3 를 «진짜로 돌려» 얻은 결과(대표님 도안이 쓴 클래스만). cdn.tailwindcss.com 은 쓰지 않는다 — shop-web 은 의존성 0 · 빌드 0 이다. 도안을 고치면 cards.mjs 를 content 로 Tailwind 를 다시 돌려 이 파일을 만든다. ② preflight(전역 초기화)는 뺐다. 샵 화면 전체가 어긋나기 때문이다. 대신 카드 안쪽에만 같은 효과를 건다(아래 .oc-stage 초기화). ────────────────────────────────────────────────────────────── */ /* Tailwind 의 --tw-* 기본값. preflight 를 통째로 깔면 샵 전체가 어긋나므로 카드 «안쪽에만» 같은 값을 깐다. 이것이 없으면 bg-gradient-* 가 통째로 무효가 된다. */ .oc-stage, .oc-stage *, .oc-stage *::before, .oc-stage *::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } .pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-bottom-1\.5{bottom:-.375rem}.-bottom-10{bottom:-2.5rem}.-bottom-14{bottom:-3.5rem}.-bottom-2{bottom:-.5rem}.-left-1{left:-.25rem}.-left-1\.5{left:-.375rem}.-left-2{left:-.5rem}.-left-4{left:-1rem}.-left-6{left:-1.5rem}.-left-8{left:-2rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-6{right:-1.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-10{bottom:2.5rem}.bottom-14{bottom:3.5rem}.bottom-2{bottom:.5rem}.bottom-24{bottom:6rem}.bottom-28{bottom:7rem}.bottom-3{bottom:.75rem}.bottom-36{bottom:9rem}.bottom-5{bottom:1.25rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1{left:.25rem}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-16{left:4rem}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-20{left:5rem}.left-24{left:6rem}.left-28{left:7rem}.left-3{left:.75rem}.left-32{left:8rem}.left-36{left:9rem}.left-4{left:1rem}.left-6{left:1.5rem}.left-8{left:2rem}.right-0{right:0}.right-1{right:.25rem}.right-10{right:2.5rem}.right-12{right:3rem}.right-14{right:3.5rem}.right-16{right:4rem}.right-2{right:.5rem}.right-20{right:5rem}.right-28{right:7rem}.right-3{right:.75rem}.right-36{right:9rem}.right-4{right:1rem}.right-6{right:1.5rem}.right-8{right:2rem}.right-\[40\%\]{right:40%}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-12{top:3rem}.top-14{top:3.5rem}.top-16{top:4rem}.top-2{top:.5rem}.top-20{top:5rem}.top-24{top:6rem}.top-28{top:7rem}.top-32{top:8rem}.top-36{top:9rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-7{top:1.75rem}.top-8{top:2rem}.top-\[28\%\]{top:28%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mb-0{margin-bottom:0}.-mb-0\.5{margin-bottom:-.125rem}.-mb-1{margin-bottom:-.25rem}.-mb-1\.5{margin-bottom:-.375rem}.-mb-2{margin-bottom:-.5rem}.-mb-3{margin-bottom:-.75rem}.-ml-0\.5{margin-left:-.125rem}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-ml-3{margin-left:-.75rem}.-mr-0\.5{margin-right:-.125rem}.-mt-0{margin-top:0}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.-mt-3{margin-top:-.75rem}.-mt-4{margin-top:-1rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.aspect-square{aspect-ratio:1/1}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-rotate-12{--tw-rotate:-12deg}.-rotate-12,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg}.-rotate-6{--tw-rotate:-6deg}.-rotate-6,.rotate-12{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-12{--tw-rotate:12deg}.rotate-3{--tw-rotate:3deg}.rotate-3,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.rotate-6{--tw-rotate:6deg}.rotate-6,.rotate-\[-25deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-25deg\]{--tw-rotate:-25deg}.rotate-\[-6deg\]{--tw-rotate:-6deg}.rotate-\[-6deg\],.rotate-\[30deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[30deg\]{--tw-rotate:30deg}.rotate-\[8deg\]{--tw-rotate:8deg}.-skew-x-12,.rotate-\[8deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-skew-x-12{--tw-skew-x:-12deg}.skew-x-12{--tw-skew-x:12deg}.skew-x-12,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-squircle{border-radius:36px}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-md{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-b-sm{border-bottom-right-radius:.125rem;border-bottom-left-radius:.125rem}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.rounded-r-sm{border-top-right-radius:.125rem;border-bottom-right-radius:.125rem}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-\[\#25282F\]{--tw-border-opacity:1;border-color:rgb(37 40 47/var(--tw-border-opacity,1))}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-amber-100\/90{border-color:hsla(48,96%,89%,.9)}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-200\/60{border-color:hsla(48,97%,77%,.6)}.border-amber-200\/90{border-color:hsla(48,97%,77%,.9)}.border-amber-300\/40{border-color:rgba(252,211,77,.4)}.border-amber-300\/50{border-color:rgba(252,211,77,.5)}.border-emerald-200\/50{border-color:rgba(167,243,208,.5)}.border-emerald-300\/40{border-color:rgba(110,231,183,.4)}.border-emerald-300\/50{border-color:rgba(110,231,183,.5)}.border-emerald-400\/30{border-color:rgba(52,211,153,.3)}.border-rose-200\/80{border-color:rgba(254,205,211,.8)}.border-rose-300{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity,1))}.border-rose-500{--tw-border-opacity:1;border-color:rgb(244 63 94/var(--tw-border-opacity,1))}.border-sky-300\/40{border-color:rgba(125,211,252,.4)}.border-sky-400{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity,1))}.border-sky-400\/50{border-color:rgba(56,189,248,.5)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-slate-400{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.border-slate-600\/50{border-color:rgba(71,85,105,.5)}.border-stone-800{--tw-border-opacity:1;border-color:rgb(41 37 36/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/40{border-color:hsla(0,0%,100%,.4)}.border-white\/70{border-color:hsla(0,0%,100%,.7)}.border-white\/80{border-color:hsla(0,0%,100%,.8)}.bg-\[\#32d96e\]{--tw-bg-opacity:1;background-color:rgb(50 217 110/var(--tw-bg-opacity,1))}.bg-\[\#3fe87e\]{--tw-bg-opacity:1;background-color:rgb(63 232 126/var(--tw-bg-opacity,1))}.bg-\[\#FA5B66\]{--tw-bg-opacity:1;background-color:rgb(250 91 102/var(--tw-bg-opacity,1))}.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.bg-amber-200\/90{background-color:hsla(48,97%,77%,.9)}.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(252 211 77/var(--tw-bg-opacity,1))}.bg-amber-300\/80{background-color:rgba(252,211,77,.8)}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-500\/40{background-color:rgba(245,158,11,.4)}.bg-amber-600\/40{background-color:rgba(217,119,6,.4)}.bg-amber-600\/60{background-color:rgba(217,119,6,.6)}.bg-amber-700{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.bg-amber-700\/60{background-color:rgba(180,83,9,.6)}.bg-amber-900\/10{background-color:rgba(120,53,15,.1)}.bg-amber-950\/20{background-color:rgba(69,26,3,.2)}.bg-amber-950\/90{background-color:rgba(69,26,3,.9)}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-rose-200{--tw-bg-opacity:1;background-color:rgb(254 205 211/var(--tw-bg-opacity,1))}.bg-rose-300\/80{background-color:rgba(253,164,175,.8)}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-rose-900\/60{background-color:rgba(136,19,55,.6)}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.bg-sky-400\/30{background-color:rgba(56,189,248,.3)}.bg-sky-400\/70{background-color:rgba(56,189,248,.7)}.bg-sky-400\/80{background-color:rgba(56,189,248,.8)}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.bg-sky-900\/40{background-color:rgba(12,74,110,.4)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-slate-400\/30{background-color:rgba(148,163,184,.3)}.bg-slate-400\/40{background-color:rgba(148,163,184,.4)}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700\/80{background-color:rgba(51,65,85,.8)}.bg-stone-900{--tw-bg-opacity:1;background-color:rgb(28 25 23/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/40{background-color:hsla(0,0%,100%,.4)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-white\/60{background-color:hsla(0,0%,100%,.6)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-\[\#0a6632\]{--tw-gradient-from:#0a6632 var(--tw-gradient-from-position);--tw-gradient-to:rgba(10,102,50,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#0e8542\]{--tw-gradient-from:#0e8542 var(--tw-gradient-from-position);--tw-gradient-to:rgba(14,133,66,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#1e293b\]{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:rgba(30,41,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#2B2F38\]{--tw-gradient-from:#2b2f38 var(--tw-gradient-from-position);--tw-gradient-to:rgba(43,47,56,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#2FD573\]{--tw-gradient-from:#2fd573 var(--tw-gradient-from-position);--tw-gradient-to:rgba(47,213,115,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#38B6FF\]{--tw-gradient-from:#38b6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(56,182,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#4C5564\]{--tw-gradient-from:#4c5564 var(--tw-gradient-from-position);--tw-gradient-to:rgba(76,85,100,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FF7A70\]{--tw-gradient-from:#ff7a70 var(--tw-gradient-from-position);--tw-gradient-to:hsla(4,100%,72%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#FFF0DE\]{--tw-gradient-from:#fff0de var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,240,222,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#f43f5e\]{--tw-gradient-from:#f43f5e var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,63,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#fdba74\]{--tw-gradient-from:#fdba74 var(--tw-gradient-from-position);--tw-gradient-to:hsla(31,97%,72%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#fed7aa\]{--tw-gradient-from:#fed7aa var(--tw-gradient-from-position);--tw-gradient-to:hsla(32,98%,83%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#fef08a\]{--tw-gradient-from:#fef08a var(--tw-gradient-from-position);--tw-gradient-to:hsla(53,98%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-200{--tw-gradient-from:#fde68a var(--tw-gradient-from-position);--tw-gradient-to:hsla(48,97%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-300{--tw-gradient-from:#fcd34d var(--tw-gradient-from-position);--tw-gradient-to:rgba(252,211,77,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-400\/50{--tw-gradient-from:rgba(251,191,36,.5) var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-400\/80{--tw-gradient-from:rgba(251,191,36,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:rgba(217,119,6,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-700{--tw-gradient-from:#047857 var(--tw-gradient-from-position);--tw-gradient-to:rgba(4,120,87,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-400{--tw-gradient-from:#fb7185 var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,113,133,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from:#f43f5e var(--tw-gradient-from-position);--tw-gradient-to:rgba(244,63,94,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-100{--tw-gradient-from:#e0f2fe var(--tw-gradient-from-position);--tw-gradient-to:rgba(224,242,254,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-200{--tw-gradient-from:#e2e8f0 var(--tw-gradient-from-position);--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-300{--tw-gradient-from:#cbd5e1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(203,213,225,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/40{--tw-gradient-from:hsla(0,0%,100%,.4) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#0f172a\]{--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0f172a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#16a34a\]{--tw-gradient-to:rgba(22,163,74,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#16a34a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#1B1D22\]{--tw-gradient-to:rgba(27,29,34,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1b1d22 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#1E97F3\]{--tw-gradient-to:rgba(30,151,243,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e97f3 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#1F2228\]{--tw-gradient-to:rgba(31,34,40,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1f2228 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#20C065\]{--tw-gradient-to:rgba(32,192,101,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#20c065 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#353D4B\]{--tw-gradient-to:rgba(53,61,75,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#353d4b var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#FA5B66\]{--tw-gradient-to:rgba(250,91,102,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fa5b66 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#FFE4CC\]{--tw-gradient-to:rgba(255,228,204,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ffe4cc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#e11d48\]{--tw-gradient-to:rgba(225,29,72,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e11d48 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#f1f5f9\]{--tw-gradient-to:rgba(241,245,249,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f1f5f9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#f59e0b\]{--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f59e0b var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#f8fafc\]{--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f8fafc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#fde047\]{--tw-gradient-to:rgba(253,224,71,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fde047 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#fed7aa\]{--tw-gradient-to:hsla(32,98%,83%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fed7aa var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-100\/30{--tw-gradient-to:hsla(48,96%,89%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(48,96%,89%,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-200{--tw-gradient-to:hsla(48,97%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fde68a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-200\/90{--tw-gradient-to:hsla(48,97%,77%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(48,97%,77%,.9) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-300{--tw-gradient-to:rgba(252,211,77,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fcd34d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-300\/30{--tw-gradient-to:rgba(252,211,77,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(252,211,77,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-amber-400{--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fbbf24 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-rose-100{--tw-gradient-to:rgba(255,228,230,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ffe4e6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-rose-50{--tw-gradient-to:rgba(255,241,242,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff1f2 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-sky-200{--tw-gradient-to:rgba(186,230,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#bae6fd var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-slate-100{--tw-gradient-to:rgba(241,245,249,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f1f5f9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/30{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.3) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#0D7ED7\]{--tw-gradient-to:#0d7ed7 var(--tw-gradient-to-position)}.to-\[\#101216\]{--tw-gradient-to:#101216 var(--tw-gradient-to-position)}.to-\[\#12A955\]{--tw-gradient-to:#12a955 var(--tw-gradient-to-position)}.to-\[\#14161B\]{--tw-gradient-to:#14161b var(--tw-gradient-to-position)}.to-\[\#15803d\]{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-\[\#1E2430\]{--tw-gradient-to:#1e2430 var(--tw-gradient-to-position)}.to-\[\#22c55e\]{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-\[\#334155\]{--tw-gradient-to:#334155 var(--tw-gradient-to-position)}.to-\[\#94a3b8\]{--tw-gradient-to:#94a3b8 var(--tw-gradient-to-position)}.to-\[\#9f1239\]{--tw-gradient-to:#9f1239 var(--tw-gradient-to-position)}.to-\[\#E94057\]{--tw-gradient-to:#e94057 var(--tw-gradient-to-position)}.to-\[\#FAD4B2\]{--tw-gradient-to:#fad4b2 var(--tw-gradient-to-position)}.to-\[\#b45309\]{--tw-gradient-to:#b45309 var(--tw-gradient-to-position)}.to-\[\#cbd5e1\]{--tw-gradient-to:#cbd5e1 var(--tw-gradient-to-position)}.to-\[\#d97706\]{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-\[\#e2e8f0\]{--tw-gradient-to:#e2e8f0 var(--tw-gradient-to-position)}.to-\[\#ea580c\]{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-\[\#eab308\]{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.to-\[\#fdba74\]{--tw-gradient-to:#fdba74 var(--tw-gradient-to-position)}.to-amber-100{--tw-gradient-to:#fef3c7 var(--tw-gradient-to-position)}.to-amber-200{--tw-gradient-to:#fde68a var(--tw-gradient-to-position)}.to-amber-300{--tw-gradient-to:#fcd34d var(--tw-gradient-to-position)}.to-amber-300\/40{--tw-gradient-to:rgba(252,211,77,.4) var(--tw-gradient-to-position)}.to-amber-400{--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position)}.to-amber-50{--tw-gradient-to:#fffbeb var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-amber-600\/80{--tw-gradient-to:rgba(217,119,6,.8) var(--tw-gradient-to-position)}.to-emerald-300{--tw-gradient-to:#6ee7b7 var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.to-rose-200{--tw-gradient-to:#fecdd3 var(--tw-gradient-to-position)}.to-rose-400{--tw-gradient-to:#fb7185 var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)}.to-rose-700{--tw-gradient-to:#be123c var(--tw-gradient-to-position)}.to-sky-100{--tw-gradient-to:#e0f2fe var(--tw-gradient-to-position)}.to-sky-400{--tw-gradient-to:#38bdf8 var(--tw-gradient-to-position)}.to-slate-200{--tw-gradient-to:#e2e8f0 var(--tw-gradient-to-position)}.to-slate-300{--tw-gradient-to:#cbd5e1 var(--tw-gradient-to-position)}.to-slate-400{--tw-gradient-to:#94a3b8 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.fill-rose-200{fill:#fecdd3}.fill-rose-300{fill:#fda4af}.stroke-white\/50{stroke:hsla(0,0%,100%,.5)}.stroke-white\/60{stroke:hsla(0,0%,100%,.6)}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem}.pb-1,.py-1{padding-bottom:.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-6{padding-top:1.5rem}.text-\[10px\]{font-size:10px}.text-\[5px\]{font-size:5px}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.leading-none{line-height:1}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-200\/90{color:hsla(48,97%,77%,.9)}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1))}.text-rose-200{--tw-text-opacity:1;color:rgb(254 205 211/var(--tw-text-opacity,1))}.text-rose-300\/90{color:rgba(253,164,175,.9)}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/90{color:hsla(0,0%,100%,.9)}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_10px_20px_rgba\(0\2c 0\2c 0\2c 0\.3\)\2c inset_0_2px_4px_\#ffffff\]{--tw-shadow:0 10px 20px rgba(0,0,0,.3),inset 0 2px 4px #fff;--tw-shadow-colored:0 10px 20px var(--tw-shadow-color),inset 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_24px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c inset_0_2px_4px_\#ffffff\]{--tw-shadow:0 12px 24px rgba(0,0,0,.5),inset 0 2px 4px #fff;--tw-shadow-colored:0 12px 24px var(--tw-shadow-color),inset 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_30px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_0_2\.5px_4px_\#ffffff\]{--tw-shadow:0 16px 30px rgba(0,0,0,.4),inset 0 2.5px 4px #fff;--tw-shadow-colored:0 16px 30px var(--tw-shadow-color),inset 0 2.5px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_32px_rgba\(150\2c 20\2c 40\2c 0\.35\)\2c inset_0_2px_4px_\#ffffff\]{--tw-shadow:0 16px 32px rgba(150,20,40,.35),inset 0 2px 4px #fff;--tw-shadow-colored:0 16px 32px var(--tw-shadow-color),inset 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_32px_rgba\(2\2c 44\2c 89\2c 0\.35\)\2c inset_0_2px_4px_\#ffffff\]{--tw-shadow:0 16px 32px rgba(2,44,89,.35),inset 0 2px 4px #fff;--tw-shadow-colored:0 16px 32px var(--tw-shadow-color),inset 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_36px_rgba\(0\2c 0\2c 0\2c 0\.8\)\2c inset_0_1\.5px_2px_rgba\(255\2c 255\2c 255\2c 0\.3\)\]{--tw-shadow:0 20px 36px rgba(0,0,0,.8),inset 0 1.5px 2px hsla(0,0%,100%,.3);--tw-shadow-colored:0 20px 36px var(--tw-shadow-color),inset 0 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_10px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_0_1px_2px_\#ffffff\]{--tw-shadow:0 4px 10px rgba(0,0,0,.4),inset 0 1px 2px #fff;--tw-shadow-colored:0 4px 10px var(--tw-shadow-color),inset 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_10px_rgba\(5\2c 50\2c 25\2c 0\.4\)\2c inset_0_1\.5px_2px_\#ffffff\]{--tw-shadow:0 4px 10px rgba(5,50,25,.4),inset 0 1.5px 2px #fff;--tw-shadow-colored:0 4px 10px var(--tw-shadow-color),inset 0 1.5px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_16px_\#fde047\]{--tw-shadow:0 6px 16px #fde047;--tw-shadow-colored:0 6px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.25\)\2c inset_0_2px_3px_\#ffffff\]{--tw-shadow:0 8px 16px rgba(0,0,0,.25),inset 0 2px 3px #fff;--tw-shadow-colored:0 8px 16px var(--tw-shadow-color),inset 0 2px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_16px_rgba\(200\2c 30\2c 60\2c 0\.2\)\]{--tw-shadow:0 8px 16px rgba(200,30,60,.2);--tw-shadow-colored:0 8px 16px var(--tw-shadow-color)}.shadow-\[0_8px_16px_rgba\(200\2c 30\2c 60\2c 0\.2\)\],.shadow-card-lift{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-card-lift{--tw-shadow:0 20px 35px -8px rgba(0,0,0,.12),0 8px 16px -4px rgba(0,0,0,.06);--tw-shadow-colored:0 20px 35px -8px var(--tw-shadow-color),0 8px 16px -4px var(--tw-shadow-color)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-inner,.shadow-inner-glow{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner-glow{--tw-shadow:inset 0 1.5px 2px 0 hsla(0,0%,100%,.65),inset 0 -2px 4px 0 rgba(0,0,0,.08);--tw-shadow-colored:inset 0 1.5px 2px 0 var(--tw-shadow-color),inset 0 -2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-emerald-900\/10{--tw-shadow-color:rgba(6,78,59,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-rose-900\/10{--tw-shadow-color:rgba(136,19,55,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-sky-900\/10{--tw-shadow-color:rgba(12,74,110,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-slate-950\/20{--tw-shadow-color:rgba(2,6,23,.2);--tw-shadow:var(--tw-shadow-colored)}.blur-\[0\.5px\]{--tw-blur:blur(0.5px)}.blur-\[0\.5px\],.blur-\[0\.8px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[0\.8px\]{--tw-blur:blur(0.8px)}.blur-\[1px\]{--tw-blur:blur(1px)}.blur-\[1px\],.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow-\[0_0_18px_rgba\(255\2c 255\2c 255\2c 0\.9\)\]{--tw-drop-shadow:drop-shadow(0 0 18px hsla(0,0%,100%,.9))}.drop-shadow-\[0_0_18px_rgba\(255\2c 255\2c 255\2c 0\.9\)\],.drop-shadow-\[0_0_6px_\#fbbf24\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_6px_\#fbbf24\]{--tw-drop-shadow:drop-shadow(0 0 6px #fbbf24)}.drop-shadow-\[0_0_8px_\#f59e0b\]{--tw-drop-shadow:drop-shadow(0 0 8px #f59e0b)}.drop-shadow-\[0_0_8px_\#f59e0b\],.drop-shadow-\[0_12px_24px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_12px_24px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{--tw-drop-shadow:drop-shadow(0 12px 24px rgba(0,0,0,.35))}.drop-shadow-\[0_12px_24px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-drop-shadow:drop-shadow(0 12px 24px rgba(0,0,0,.5))}.drop-shadow-\[0_12px_24px_rgba\(0\2c 0\2c 0\2c 0\.5\)\],.drop-shadow-\[0_6px_12px_rgba\(200\2c 30\2c 60\2c 0\.35\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_6px_12px_rgba\(200\2c 30\2c 60\2c 0\.35\)\]{--tw-drop-shadow:drop-shadow(0 6px 12px rgba(200,30,60,.35))}.drop-shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-drop-shadow:drop-shadow(0 8px 16px rgba(0,0,0,.25))}.drop-shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],.drop-shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_8px_16px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{--tw-drop-shadow:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.drop-shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-drop-shadow:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.drop-shadow-\[0_8px_18px_rgba\(0\2c 0\2c 0\2c 0\.25\)\],.drop-shadow-lg{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-md,.drop-shadow-xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px)}.backdrop-blur-\[1px\],.backdrop-blur-\[6px\]{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[6px\]{--tw-backdrop-blur:blur(6px)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.group:hover .group-hover\:rotate-0{--tw-rotate:0deg}.group:hover .group-hover\:rotate-0,.group:hover .group-hover\:rotate-\[-18deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-\[-18deg\]{--tw-rotate:-18deg}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1} /* ─── 첫 화면 네 칸 ───────────────────────────────────────────────── 그림이 아니라 «코드»다(cards.mjs). 그래서 border-radius 로 자르지 않는다 — 모서리는 도안이 스스로 가지고 있고, 상자로 또 자르면 테가 «두 겹»으로 보인다. (앞서 세 번 틀렸던 자리. CHECKPOINT-SHOP-HOME-GATEWAY-17 참조) */ /* overflow:hidden 이 필요한 이유 — transform:scale 은 «보이는 크기»만 줄이고 «자리»는 452px 그대로다. 그래서 이것이 없으면 첫 화면이 옆으로 밀린다(가로 스크롤). 카드 그림자가 잘리지 않도록 좌우 16px 여백 안에서 자른다(그림자 실측 ≈ 11px). */ .hstiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 6px 16px 0; overflow: hidden; } /* minmax(0,1fr) 인 이유 — 그냥 1fr 이면 칸이 «안의 것»만큼 벌어져 두 칸 합이 화면보다 넓어진다(실측 189+189+12 = 390 > 334). 샵의 상품 격자(.grid)도 같은 이유로 minmax 를 쓴다. */ .hs { position: relative; display: block; text-decoration: none; border-radius: 0; overflow: visible; box-shadow: none; } .hs-box { display: block; position: relative; aspect-ratio: 1/1; } .hs-off { cursor: default; } /* 제목은 카드 «안», 대표님이 그어 주신 자리(왼쪽 16% · 위에서 43%). 단위가 px 인 것은 이 글자가 도안과 같은 452px 좌표계 안에 있기 때문이다 — 카드가 줄면 글자도 같은 비율로 줄어든다. top 이 43% → 37% 인 이유 : 제목을 1.5배로 키우자 글자 덩어리가 아래로 길어져 「상품 7개」가 야구방망이·야구공 위에 올라탔다. 덩어리가 커진 만큼 위로 올려 대표님이 그어 주신 네모 «가운데»에 맞췄다. */ .oc-fit { position: relative; } .oc-title { position: absolute; left: 16%; top: 37%; z-index: 40; display: block; color: #fff; text-align: left; pointer-events: none; } /* 제목 글꼴 = Black Han Sans (index.html 에서 받는다). 기본 800 보다 획이 두 배 가까이 두껍다. 이 글꼴은 굵기가 400 하나뿐이므로 font-weight 를 올리지 않는다 — 올리면 브라우저가 가짜로 번지게 그린다. 글꼴을 못 받는 환경에서는 지금까지의 기본 글꼴 800 으로 떨어진다(글자는 그대로 보인다). */ .oc-title b { display: block; font-size: 72px; line-height: 1.12; /* 48 → 72 = 1.5배 */ font-family: 'Black Han Sans', 'Pretendard', 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -.01em; text-shadow: 0 3px 14px rgba(10,20,35,.38); } .oc-title em { display: block; margin-top: 7px; font-style: normal; font-size: 25px; font-weight: 700; letter-spacing: .01em; opacity: .92; text-shadow: 0 2px 10px rgba(10,20,35,.35); } /* 무대 : 452px 로 그린 뒤 칸 폭만큼 축소 (--k 는 cards.mjs 가 넣는다) */ .oc-stage { display: block; position: absolute; inset: 0; overflow: visible; line-height: 1.5; -webkit-tap-highlight-color: transparent; font-family: 'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif; } .oc-fit { display: block; width: 452px; height: 452px; transform: scale(var(--k, .3827)); transform-origin: top left; } .oc-fit > article { width: 100%; height: 100%; } /* Tailwind preflight 대신 — 카드 «안쪽에만» 거는 최소 초기화. border-* 유틸리티는 preflight 가 깔아 주는 `border:0 solid` 에 기대고 있다. 전역에 깔면 샵 화면 전체가 어긋나므로 여기서만 건다. */ .oc-stage, .oc-stage *, .oc-stage *::before, .oc-stage *::after { box-sizing: border-box; border: 0 solid #e5e7eb; } /* ⚠ 여기서 «* { padding: 0 }» 을 쓰면 안 된다 — 선택자가 더 세서 Tailwind 의 p-3.5 · p-2 같은 안쪽 여백을 전부 지워 버린다(이름이 카드 모서리에 깎였던 원인). Tailwind preflight 가 실제로 여백을 지우는 것은 아래 몇 가지뿐이다. div·span 은 원래 0 이다. */ .oc-stage h1, .oc-stage h2, .oc-stage h3, .oc-stage h4, .oc-stage h5, .oc-stage h6, .oc-stage p, .oc-stage figure, .oc-stage blockquote, .oc-stage dl, .oc-stage dd { margin: 0; } .oc-stage ol, .oc-stage ul, .oc-stage menu { margin: 0; padding: 0; list-style: none; } .oc-stage svg { display: block; vertical-align: middle; } /* 도안 원본