.atropos{position:relative;display:block;perspective:1200px;transform:translateZ(0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;transition-property:transform,opacity;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%,rgba(255,255,255,.25),transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset],::slotted([data-atropos-offset]){transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity],::slotted([data-atropos-offset][data-atropos-opacity]){transition-property:transform,opacity}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,: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 / .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: }::backdrop{--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 / .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: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-auto{margin-top:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[0\.601\]{aspect-ratio:.601}.aspect-square{aspect-ratio:1 / 1}.h-64{height:16rem}.h-\[30rem\]{height:30rem}.h-auto{height:auto}.h-full{height:100%}.w-48{width:12rem}.w-72{width:18rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-rows-\[1fr\,250px\]{grid-template-rows:1fr 250px}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.rounded-lg{border-radius:.5rem}.bg-\[\#101827\]{--tw-bg-opacity: 1;background-color:rgb(16 24 39 / var(--tw-bg-opacity))}.bg-\[\#19253A\]{--tw-bg-opacity: 1;background-color:rgb(25 37 58 / var(--tw-bg-opacity))}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.pb-10{padding-bottom:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-\[\#70747D\]{--tw-text-opacity: 1;color:rgb(112 116 125 / var(--tw-text-opacity))}.text-\[\#9FA3A9\]{--tw-text-opacity: 1;color:rgb(159 163 169 / var(--tw-text-opacity))}.text-\[\#E7E8E9\]{--tw-text-opacity: 1;color:rgb(231 232 233 / var(--tw-text-opacity))}.mix-blend-color-dodge{mix-blend-mode:color-dodge}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[-webkit-mask-image\:radial-gradient\(white\,black\)\]{-webkit-mask-image:radial-gradient(white,black)}.\[background-blend-mode\:hue\,hue\,hard-light\,overlay\]{background-blend-mode:hue,hue,hard-light,overlay}.\[background-size\:100\%\,200\%_700\%\,300\%\,200\%\]{background-size:100%,200% 700%,300%,200%}:root{--imgsize: 100%;--angle: 133deg;--space: 5%}html{background-color:gray}.App{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{--radius: 4.55% / 3.5%;transform:translateZ(.1px);will-change:transform,visibility;transform-style:preserve-3d;width:100%;aspect-ratio:.714;width:400px;height:400px}.cardFront{width:100%;display:grid;grid-area:1/1;height:100%;aspect-ratio:.714;overflow:hidden;border-radius:var(--radius);transform-style:preserve-3d;transform-origin:center;will-change:transform}.cardFront img{width:100%;display:grid;grid-area:1/1}.cardShine{width:400px;aspect-ratio:.714;border-radius:var(--radius);mix-blend-mode:color-dodge;background-blend-mode:hue,hue,hard-light,overlay;background-size:100%,200% 700%,300%,200%;display:grid;grid-area:1/1}.cardShine:after{content:" ";visibility:visible;width:400px;aspect-ratio:.714;mix-blend-mode:exclusion;background-image:inherit;background-blend-mode:soft-light,hue,hard-light;background-size:100%,200% 400%,195%,200%;display:grid;grid-area:1/1}.after\:visible:after{content:var(--tw-content);visibility:visible}.after\:grid:after{content:var(--tw-content);display:grid}.after\:aspect-\[0\.601\]:after{content:var(--tw-content);aspect-ratio:.601}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:mix-blend-exclusion:after{content:var(--tw-content);mix-blend-mode:exclusion}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.after\:\[background-blend-mode\:soft-light\,hue\,hard-light\]:after{content:var(--tw-content);background-blend-mode:soft-light,hue,hard-light}.after\:\[background-image\:inherit\]:after{content:var(--tw-content);background-image:inherit}.after\:\[background-size\:100\%\,200\%_400\%\,195\%\,200\%\]:after{content:var(--tw-content);background-size:100%,200% 400%,195%,200%}.after\:\[grid-area\:1\/1\]:after{content:var(--tw-content);grid-area:1/1}