.-inset-6{inset:-1.5rem}.right-\[calc\(50\%\+18px\)\]{right:calc(50% + 18px)}.top-\[13px\]{top:13px}.h-\[calc\(100\%-2\.25rem\)\]{height:calc(100% - 2.25rem)}.h-max{height:-moz-max-content;height:max-content}.animate-bp-marquee-x{animation:bp-marquee-x var(--bp-marquee-duration,40s) linear infinite}.animate-bp-marquee-x-reverse{animation:bp-marquee-x var(--bp-marquee-duration,40s) linear infinite reverse}.animate-bp-marquee-y{animation:bp-marquee-y var(--bp-marquee-duration,40s) linear infinite}.animate-bp-marquee-y-reverse{animation:bp-marquee-y var(--bp-marquee-duration,40s) linear infinite reverse}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.from-blue-300\/50{--tw-gradient-from:rgb(147 197 253/0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 197 253/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-300\/55{--tw-gradient-from:rgb(147 197 253/0.55) var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 197 253/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-200\/60{--tw-gradient-from:rgb(251 207 232/0.6) var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 207 232/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-100\/40{--tw-gradient-to:rgb(219 234 254/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(219 234 254/0.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-100\/40{--tw-gradient-to:rgb(243 232 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(243 232 255/0.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-200\/40{--tw-gradient-to:rgb(233 213 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(233 213 255/0.4) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-50\/0{--tw-gradient-to:rgb(239 246 255/0) var(--tw-gradient-to-position)}.to-pink-100\/0{--tw-gradient-to:rgb(252 231 243/0) var(--tw-gradient-to-position)}.to-pink-50\/0{--tw-gradient-to:rgb(253 242 248/0) var(--tw-gradient-to-position)}.\[-webkit-box-decoration-break\:clone\]{-webkit-box-decoration-break:clone}.\[box-decoration-break\:clone\]{-webkit-box-decoration-break:clone;box-decoration-break:clone}.\[transform\:rotate\(var\(--bp-tilt\)\)\]{transform:rotate(var(--bp-tilt))}.hover\:shadow-blue-900\/20:hover{--tw-shadow-color:rgb(30 58 138/0.2);--tw-shadow:var(--tw-shadow-colored)}.hover\:\[animation-play-state\:paused\]:hover{animation-play-state:paused}.hover\:\[transform\:rotate\(0deg\)_translateY\(-4px\)_scale\(1\.02\)\]:hover{transform:rotate(0deg) translateY(-4px) scale(1.02)}.group\/empty:hover .group-hover\/empty\:-translate-x-2{--tw-translate-x:-0.5rem}.group\/empty:hover .group-hover\/empty\:-translate-x-2,.group\/empty:hover .group-hover\/empty\:translate-x-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))}.group\/empty:hover .group-hover\/empty\:translate-x-2{--tw-translate-x:0.5rem}.group\/empty:hover .group-hover\/empty\:-rotate-\[13deg\]{--tw-rotate:-13deg}.group\/empty:hover .group-hover\/empty\:-rotate-\[13deg\],.group\/empty:hover .group-hover\/empty\:rotate-\[13deg\]{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\/empty:hover .group-hover\/empty\:rotate-\[13deg\]{--tw-rotate:13deg}.group\/empty:hover .group-hover\/empty\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}@media (min-width:640px){.sm\:-inset-10{inset:-2.5rem}.sm\:min-h-\[38px\]{min-height:38px}.sm\:blur-3xl{--tw-blur:blur(64px);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)}}.-bottom-6{bottom:-1.5rem}.-right-1\.5{right:-.375rem}.-top-2\.5{top:-.625rem}.h-0{height:0}.h-\[156px\]{height:156px}.h-\[480px\]{height:480px}.h-\[640px\]{height:640px}.min-h-\[350px\]{min-height:350px}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.content-center{align-content:center}.gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.border-y-\[3\.5px\]{border-top-width:3.5px;border-bottom-width:3.5px}.border-l-\[4px\]{border-left-width:4px}.border-r-\[4px\]{border-right-width:4px}.border-gray-200\/60{border-color:rgb(229 231 235/.6)}.border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.border-l-blue-600{--tw-border-opacity:1;border-left-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-r-blue-600{--tw-border-opacity:1;border-right-color:rgb(37 99 235/var(--tw-border-opacity,1))}.text-\[\#E91E63\]{--tw-text-opacity:1;color:rgb(233 30 99/var(--tw-text-opacity,1))}.shadow-gray-200\/50{--tw-shadow-color:rgb(229 231 235/0.5);--tw-shadow:var(--tw-shadow-colored)}.before\:shadow-blue-600\/10:before{content:var(--tw-content);--tw-shadow-color:rgb(37 99 235/0.1);--tw-shadow:var(--tw-shadow-colored)}.before\:shadow-blue-900\/15:before{content:var(--tw-content);--tw-shadow-color:rgb(30 58 138/0.15);--tw-shadow:var(--tw-shadow-colored)}.before\:ring-1:before{content:var(--tw-content);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.before\:ring-blue-300:before{content:var(--tw-content);--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.after\:rounded-3xl:after{content:var(--tw-content);border-radius:1.5rem}@media (min-width:640px){.sm\:line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.sm\:self-auto{align-self:auto}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-xl{border-radius:.75rem}}@media (min-width:768px){.md\:mb-8{margin-bottom:2rem}.md\:mt-20{margin-top:5rem}.md\:inline{display:inline}.md\:h-4{height:1rem}.md\:w-4{width:1rem}.md\:items-end{align-items:flex-end}.md\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.md\:rounded-2xl{border-radius:1rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:pt-4{padding-top:1rem}.md\:shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-2{margin-bottom:.5rem}.lg\:mb-4{margin-bottom:1rem}.lg\:inline-block{display:inline-block}.lg\:h-6{height:1.5rem}.lg\:w-6{width:1.5rem}.lg\:space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.lg\:p-4{padding:1rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:leading-normal{line-height:1.5}}@media (min-width:1280px){.xl\:gap-6{gap:1.5rem}}.-inset-x-\[4\.5rem\]{left:-4.5rem;right:-4.5rem}.-inset-y-16{top:-4rem;bottom:-4rem}.-right-48{right:-12rem}.bottom-0\.5{bottom:.125rem}.bottom-6{bottom:1.5rem}.bottom-\[14\%\]{bottom:14%}.bottom-\[34\%\]{bottom:34%}.bottom-\[7\%\]{bottom:7%}.bottom-\[9\%\]{bottom:9%}.left-6{left:1.5rem}.left-\[16\%\]{left:16%}.right-\[22\%\]{right:22%}.right-\[24\%\]{right:24%}.top-\[5\.5rem\]{top:5.5rem}.top-\[calc\(33\.333\%_-_4rem\)\]{top:calc(33.333% - 4rem)}.col-span-4{grid-column:span 4/span 4}.-ml-6{margin-left:-1.5rem}.-mt-6{margin-top:-1.5rem}.mt-3\.5{margin-top:.875rem}.mt-\[0\.2em\]{margin-top:.2em}.h-\[38rem\]{height:38rem}.h-\[64\%\]{height:64%}.h-\[68\%\]{height:68%}.h-\[74\%\]{height:74%}.h-\[76\%\]{height:76%}.max-h-48{max-height:12rem}.min-h-\[2\.6em\]{min-height:2.6em}.min-h-\[280px\]{min-height:280px}.min-h-\[72px\]{min-height:72px}.w-\[38rem\]{width:38rem}.w-\[46\%\]{width:46%}.min-w-\[224px\]{min-width:224px}.max-w-\[11rem\]{max-width:11rem}.max-w-\[250px\]{max-width:250px}.-translate-x-\[40\%\]{--tw-translate-x:-40%}.-translate-x-\[40\%\],.translate-x-6{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-x-6{--tw-translate-x:1.5rem}.-rotate-\[11deg\]{--tw-rotate:-11deg}.-rotate-\[11deg\],.rotate-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))}.rotate-2{--tw-rotate:2deg}.rotate-\[11deg\]{--tw-rotate:11deg}.rotate-\[11deg\],.scale-\[0\.94\]{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))}.scale-\[0\.94\]{--tw-scale-x:0.94;--tw-scale-y:0.94}.gap-y-7{row-gap:1.75rem}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.border-blue-100\/60{border-color:rgb(219 234 254/.6)}.border-blue-100\/70{border-color:rgb(219 234 254/.7)}.bg-blue-400\/30{background-color:rgb(96 165 250/.3)}.to-blue-50\/50{--tw-gradient-to:rgb(239 246 255/0.5) var(--tw-gradient-to-position)}.to-pink-50\/40{--tw-gradient-to:rgb(253 242 248/0.4) var(--tw-gradient-to-position)}.to-purple-600\/20{--tw-gradient-to:rgb(147 51 234/0.2) var(--tw-gradient-to-position)}.pr-3\.5{padding-right:.875rem}.leading-\[1\.06\]{line-height:1.06}.shadow-blue-200\/30{--tw-shadow-color:rgb(191 219 254/0.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-300\/40{--tw-shadow-color:rgb(147 197 253/0.4);--tw-shadow:var(--tw-shadow-colored)}.ring-amber-200\/70{--tw-ring-color:rgb(253 230 138/0.7)}.ring-blue-600\/20{--tw-ring-color:rgb(37 99 235/0.2)}.ring-offset-white{--tw-ring-offset-color:#fff}.saturate-\[\.35\]{--tw-saturate:saturate(.35)}.saturate-\[\.35\],.saturate-\[\.6\]{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)}.saturate-\[\.6\]{--tw-saturate:saturate(.6)}.\[background-size\:18px_18px\]{background-size:18px 18px}.\[touch-action\:pan-y\]{touch-action:pan-y}.after\:shadow-2xl:after{content:var(--tw-content);--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.after\:shadow-blue-900\/20:after{content:var(--tw-content);--tw-shadow-color:rgb(30 58 138/0.2);--tw-shadow:var(--tw-shadow-colored)}.after\:duration-500:after{transition-duration:.5s;content:var(--tw-content);animation-duration:.5s}.hover\:scale-100:hover{--tw-scale-x:1;--tw-scale-y:1}.hover\:scale-100:hover,.hover\:scale-\[1\.01\]:hover{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))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01}.hover\:text-amber-950:hover{--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1))}.hover\:shadow-blue-200\/60:hover{--tw-shadow-color:rgb(191 219 254/0.6);--tw-shadow:var(--tw-shadow-colored)}.hover\:ring-blue-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.hover\:ring-blue-500:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9}.active\:scale-90:active,.active\:scale-\[0\.97\]:active{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))}.active\:scale-\[0\.97\]:active{--tw-scale-x:0.97;--tw-scale-y:0.97}.group\/drop:hover .group-hover\/drop\:-translate-x-2{--tw-translate-x:-0.5rem}.group\/drop:hover .group-hover\/drop\:-translate-x-2,.group\/drop:hover .group-hover\/drop\:-translate-y-0\.5{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\/drop:hover .group-hover\/drop\:-translate-y-0\.5{--tw-translate-y:-0.125rem}.group\/drop:hover .group-hover\/drop\:-translate-y-1\.5{--tw-translate-y:-0.375rem}.group\/drop:hover .group-hover\/drop\:-translate-y-1\.5,.group\/drop:hover .group-hover\/drop\:translate-x-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))}.group\/drop:hover .group-hover\/drop\:translate-x-2{--tw-translate-x:0.5rem}.group\/ex:hover .group-hover\/ex\:-translate-y-1{--tw-translate-y:-0.25rem}.group\/ex:hover .group-hover\/ex\:-translate-y-1,.group\/guide:hover .group-hover\/guide\:translate-x-1{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\/guide:hover .group-hover\/guide\:translate-x-1{--tw-translate-x:0.25rem}.group\/step:hover .group-hover\/step\:-translate-y-0\.5{--tw-translate-y:-0.125rem}.group\/step:hover .group-hover\/step\:-translate-y-0\.5,.group\/tool:hover .group-hover\/tool\:-translate-x-full{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\/tool:hover .group-hover\/tool\:-translate-x-full{--tw-translate-x:-100%}.group\/tool:hover .group-hover\/tool\:-translate-y-1{--tw-translate-y:-0.25rem}.group\/tool:hover .group-hover\/tool\:-translate-y-1,.group\/tool:hover .group-hover\/tool\:translate-x-0{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\/tool:hover .group-hover\/tool\:translate-x-0{--tw-translate-x:0px}.group\/tool:hover .group-hover\/tool\:translate-x-1{--tw-translate-x:0.25rem}.group\/tool:hover .group-hover\/tool\:translate-x-1,.group\/tool:hover .group-hover\/tool\:translate-x-full{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\/tool:hover .group-hover\/tool\:translate-x-full{--tw-translate-x:100%}.group\/drop:hover .group-hover\/drop\:-rotate-\[16deg\]{--tw-rotate:-16deg}.group\/drop:hover .group-hover\/drop\:-rotate-\[16deg\],.group\/drop:hover .group-hover\/drop\:rotate-0{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\/drop:hover .group-hover\/drop\:rotate-0{--tw-rotate:0deg}.group\/drop:hover .group-hover\/drop\:rotate-90{--tw-rotate:90deg}.group\/drop:hover .group-hover\/drop\:rotate-90,.group\/drop:hover .group-hover\/drop\:rotate-\[16deg\]{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\/drop:hover .group-hover\/drop\:rotate-\[16deg\]{--tw-rotate:16deg}.group\/guide:hover .group-hover\/guide\:-rotate-3{--tw-rotate:-3deg}.group\/guide:hover .group-hover\/guide\:-rotate-3,.group\/step:hover .group-hover\/step\:rotate-0{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\/step:hover .group-hover\/step\:rotate-0{--tw-rotate:0deg}.group\/compare:hover .group-hover\/compare\:scale-110,.group\/drop:hover .group-hover\/drop\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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\/guide:hover .group-hover\/guide\:scale-105,.group\/hist:hover .group-hover\/hist\:scale-105,.group\/step:hover .group-hover\/step\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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\/swatch:hover .group-hover\/swatch\:scale-110,.group\/thumb:hover .group-hover\/thumb\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group\/swatch:hover .group-hover\/swatch\:scale-110,.group\/thumb:hover .group-hover\/thumb\:scale-110,.group\/tool:hover .group-hover\/tool\:scale-105{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\/tool:hover .group-hover\/tool\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group\/guide:hover .group-hover\/guide\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group\/guide:hover .group-hover\/guide\:text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.group\/tool:hover .group-hover\/tool\:text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group\/tool:hover .group-hover\/tool\:text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.group\/hist:hover .group-hover\/hist\:opacity-100{opacity:1}.group\/tool:hover .group-hover\/tool\:opacity-0{opacity:0}.group\/drop:hover .group-hover\/drop\:shadow-xl,.group\/step:hover .group-hover\/step\:shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group\/drop:hover .group-hover\/drop\:shadow-purple-600\/30{--tw-shadow-color:rgb(147 51 234/0.3);--tw-shadow:var(--tw-shadow-colored)}.group\/step:hover .group-hover\/step\:shadow-blue-200\/60{--tw-shadow-color:rgb(191 219 254/0.6);--tw-shadow:var(--tw-shadow-colored)}.group\/drop:hover .group-hover\/drop\:brightness-110{--tw-brightness:brightness(1.1);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)}.group\/ex:hover .group-hover\/ex\:after\:opacity-100:after,.group\/tool:hover .group-hover\/tool\:after\:opacity-100:after{content:var(--tw-content);opacity:1}.group\/knob:focus-visible .group-focus-visible\/knob\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group\/knob:focus-visible .group-focus-visible\/knob\:ring-blue-500\/40{--tw-ring-color:rgb(59 130 246/0.4)}.group\/drop:active .group-active\/drop\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.group\/drop:active .group-active\/drop\:scale-95,.group\/drop:active .group-active\/drop\:scale-\[0\.98\]{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\/drop:active .group-active\/drop\:scale-\[0\.98\]{--tw-scale-x:0.98;--tw-scale-y:0.98}.group\/swatch:active .group-active\/swatch\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;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))}.peer:focus-visible~.peer-focus-visible\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:focus-visible~.peer-focus-visible\:ring-blue-500\/20{--tw-ring-color:rgb(59 130 246/0.2)}.peer:focus-visible~.peer-focus-visible\:ring-blue-500\/25{--tw-ring-color:rgb(59 130 246/0.25)}.peer:focus-visible~.peer-focus-visible\:ring-blue-600{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:-translate-x-3{--tw-translate-x:-0.75rem}.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:-translate-x-3,.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:-translate-y-2\.5{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\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:-translate-y-2\.5{--tw-translate-y:-0.625rem}.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:translate-x-3{--tw-translate-x:0.75rem}.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:-rotate-\[18deg\],.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:translate-x-3{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\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:-rotate-\[18deg\]{--tw-rotate:-18deg}.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\:rotate-\[18deg\]{--tw-rotate:18deg}.group\/compare[data-dragging] .group-data-\[dragging\]\/compare\:scale-110,.group\/drop[data-drag=true] .group-data-\[drag\=true\]\/drop\: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\/compare[data-dragging] .group-data-\[dragging\]\/compare\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group\/compare[data-hide-after] .group-data-\[hide-after\]\/compare\:opacity-0,.group\/compare[data-hide-before] .group-data-\[hide-before\]\/compare\:opacity-0{opacity:0}@media (min-width:640px){.sm\:-inset-\[6\.5rem\]{inset:-6.5rem}.sm\:bottom-1{bottom:.25rem}.sm\:line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sm\:min-h-\[48px\]{min-height:48px}.sm\:w-\[72px\]{width:72px}.sm\:max-w-\[300px\]{max-width:300px}.sm\:gap-1\.5{gap:.375rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}.sm\:pb-4{padding-bottom:1rem}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[9px\]{font-size:9px}.sm\:leading-relaxed{line-height:1.625}}@media (min-width:768px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:max-w-xs{max-width:20rem}.md\:text-center{text-align:center}.md\:leading-\[1\.1\]{line-height:1.1}}@media (min-width:1024px){.lg\:mt-12{margin-top:3rem}.lg\:inline{display:inline}.lg\:w-20{width:5rem}.lg\:max-w-\[440px\]{max-width:440px}.lg\:gap-3{gap:.75rem}.lg\:text-\[3\.25rem\]{font-size:3.25rem}.lg\:leading-\[1\.05\]{line-height:1.05}}