:root{--background: hsl(220, 13%, 8%);--foreground: hsl(220, 15%, 95%);--card: hsl(220, 13%, 10%);--card-foreground: hsl(220, 15%, 95%);--popover: hsl(220, 13%, 10%);--popover-foreground: hsl(220, 15%, 95%);--primary: hsl(217, 91%, 60%);--primary-foreground: hsl(220, 13%, 8%);--secondary: hsl(220, 13%, 15%);--secondary-foreground: hsl(220, 15%, 85%);--muted: hsl(220, 13%, 12%);--muted-foreground: hsl(220, 9%, 55%);--accent: hsl(217, 91%, 60%);--accent-foreground: hsl(220, 13%, 8%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(220, 15%, 95%);--border: hsl(220, 13%, 18%);--input: hsl(220, 13%, 15%);--ring: hsl(217, 91%, 60%);--radius: .5rem;--viewer-bg: hsl(220, 13%, 6%);--viewer-grid: hsl(220, 13%, 12%);--control-bg: hsl(220, 13%, 10%);--control-border: hsl(220, 13%, 20%);--control-hover: hsl(220, 13%, 15%);--control-active: hsl(217, 91%, 60%);--cube-face: hsl(220, 13%, 18%);--cube-face-hover: hsl(220, 13%, 22%);--cube-face-active: hsl(217, 91%, 60%);--cube-edge: hsl(220, 13%, 14%);--cube-corner: hsl(220, 13%, 16%);--gradient-primary: linear-gradient(135deg, hsl(217, 91%, 60%), hsl(217, 91%, 70%));--gradient-viewer: linear-gradient(180deg, hsl(220, 13%, 6%), hsl(220, 13%, 8%));--gradient-control: linear-gradient(180deg, hsl(220, 13%, 12%), hsl(220, 13%, 8%));--shadow-control: 0 4px 20px hsl(220, 13%, 4%, .5);--shadow-glow: 0 0 20px hsl(217, 91%, 60%, .3);--shadow-cube: 0 8px 32px hsl(220, 13%, 2%, .8);--sidebar-background: hsl(220, 13%, 10%);--sidebar-foreground: hsl(220, 15%, 85%);--sidebar-primary: hsl(217, 91%, 60%);--sidebar-primary-foreground: hsl(220, 13%, 8%);--sidebar-accent: hsl(220, 13%, 15%);--sidebar-accent-foreground: hsl(220, 15%, 85%);--sidebar-border: hsl(220, 13%, 18%);--sidebar-ring: hsl(217, 91%, 60%)}.dark{--background: hsl(220, 13%, 8%);--foreground: hsl(220, 15%, 95%);--card: hsl(220, 13%, 10%);--card-foreground: hsl(220, 15%, 95%);--popover: hsl(220, 13%, 10%);--popover-foreground: hsl(220, 15%, 95%);--primary: hsl(217, 91%, 60%);--primary-foreground: hsl(220, 13%, 8%);--secondary: hsl(220, 13%, 15%);--secondary-foreground: hsl(220, 15%, 85%);--muted: hsl(220, 13%, 12%);--muted-foreground: hsl(220, 9%, 55%);--accent: hsl(217, 91%, 60%);--accent-foreground: hsl(220, 13%, 8%);--destructive: hsl(0, 84%, 60%);--destructive-foreground: hsl(220, 15%, 95%);--border: hsl(220, 13%, 18%);--input: hsl(220, 13%, 15%);--ring: hsl(217, 91%, 60%);--sidebar-background: hsl(220, 13%, 10%);--sidebar-foreground: hsl(220, 15%, 85%);--sidebar-primary: hsl(217, 91%, 60%);--sidebar-primary-foreground: hsl(220, 13%, 8%);--sidebar-accent: hsl(220, 13%, 15%);--sidebar-accent-foreground: hsl(220, 15%, 85%);--sidebar-border: hsl(220, 13%, 18%);--sidebar-ring: hsl(217, 91%, 60%)}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;height:100%;background-color:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{height:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}*:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.transform-gpu{transform:translateZ(0)}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:1rem;margin-right:1rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-4{top:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.top-15{top:15px}.top-20{top:20px}.left-30{left:30px}.left-35{left:35px}.z-50{z-index:50}.w-full{width:100%}.w-1{width:.25rem}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-20{width:5rem}.h-full{height:100%}.h-screen{height:100vh}.h-1{height:.25rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-20{height:5rem}.min-h-screen{min-height:100vh}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-control-border{border-color:var(--control-border)}.rounded-full{border-radius:9999px}.rounded-md{border-radius:var(--radius)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.bg-background{background-color:var(--background)}.bg-viewer-bg{background-color:var(--viewer-bg)}.bg-control-bg{background-color:var(--control-bg)}.bg-control-hover{background-color:var(--control-hover)}.bg-control-active{background-color:var(--control-active)}.bg-primary{background-color:var(--primary)}.bg-cube-face{background-color:var(--cube-face)}.bg-cube-face-hover{background-color:var(--cube-face-hover)}.bg-cube-face-active{background-color:var(--cube-face-active)}.bg-gradient-viewer{background:var(--gradient-viewer)}.bg-viewer-bg-80{background-color:#0d0f11cc}.bg-control-bg-90{background-color:#16181de6}.shadow-control{box-shadow:var(--shadow-control)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-cube{box-shadow:var(--shadow-cube)}.transition-all{transition:all .2s ease-in-out}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.capitalize{text-transform:capitalize}.mt-3{margin-top:.75rem}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;border:1px solid transparent;cursor:pointer;text-decoration:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ring)}.btn:disabled{pointer-events:none;opacity:.5}.btn svg{pointer-events:none;width:1rem;height:1rem;flex-shrink:0}.btn--default{background-color:var(--primary);color:var(--primary-foreground)}.btn--default:hover{background-color:#1f71f4}.btn--destructive{background-color:var(--destructive);color:var(--destructive-foreground)}.btn--destructive:hover{background-color:#ec2727}.btn--outline{border:1px solid var(--border);background-color:var(--background)}.btn--outline:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn--secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn--secondary:hover{background-color:#1b1d23}.btn--ghost{background-color:transparent;color:inherit}.btn--ghost:hover{background-color:var(--accent);color:var(--accent-foreground)}.btn--link{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.btn--link:hover{text-decoration:none}.btn--default-size{height:2.5rem;padding:.5rem 1rem}.btn--sm{height:2.25rem;border-radius:var(--radius);padding:0 .75rem}.btn--lg{height:2.75rem;border-radius:var(--radius);padding:0 2rem}.btn--icon{height:2.5rem;width:2.5rem;padding:0}.card{border-radius:.5rem;border:1px solid var(--border);background-color:var(--card);color:var(--card-foreground);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-header{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}.card-content{padding:1.5rem;padding-top:0}.card-footer{display:flex;align-items:center;padding:1.5rem;padding-top:0}.card-title{font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:-.025em}.card-description{font-size:.875rem;color:var(--muted-foreground)}.x3d-viewer{width:100%;height:100vh;background-color:var(--viewer-bg);display:flex;flex-direction:column}.x3d-viewer__main{flex:1;position:relative;width:100%;height:100vh;padding:1rem;box-sizing:border-box}.x3d-viewer__canvas{width:100%;height:100%;background:var(--gradient-viewer);border:1px solid var(--control-border);box-shadow:var(--shadow-control);overflow:hidden;border-radius:.5rem}.loader-con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:700;z-index:10}.x3d-viewer__container{width:100%;height:100%}.x3d-viewer__loading{position:absolute;inset:0;background-color:#0d0f11cc;display:flex;align-items:center;justify-content:center}.x3d-viewer__loading-content{text-align:center}.x3d-viewer__loading-spinner{animation:spin 1s linear infinite;width:2rem;height:2rem;border:2px solid var(--primary);border-top-color:transparent;border-radius:50%;margin:0 auto 1rem}.x3d-viewer__loading-text{color:var(--muted-foreground)}.x3d-viewer__instructions{position:absolute;bottom:1rem;left:1rem;padding:.75rem;background-color:#16181de6;border:1px solid var(--control-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:.5rem}.x3d-viewer__instructions-content{font-size:.875rem;color:var(--muted-foreground);display:flex;flex-direction:column;gap:.25rem}.x3d-viewer__instructions-content strong{font-weight:600}.navigation-controls{position:absolute;top:2rem;left:2rem;padding:.75rem;z-index:2000;background-color:#16181de6;border:1px solid var(--control-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow-control);border-radius:.5rem}.navigation-controls__content{display:flex;flex-direction:column;gap:.5rem}.navigation-controls__title{font-size:.75rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.navigation-controls__button{justify-content:flex-start;gap:.5rem;font-size:.75rem}.navigation-controls__button--active{background-color:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-glow)}.navigation-controls__button--inactive{background-color:var(--control-hover);color:var(--muted-foreground)}.navigation-controls__button--inactive:hover{background-color:var(--control-active);color:var(--foreground)}.navigation-controls__button svg{width:.75rem;height:.75rem}.navigation-controls__divider{border-top:1px solid var(--control-border);margin:.5rem 0}.view-cube{position:absolute;width:98%;height:98%;display:flex;justify-content:center;align-items:center;z-index:500}#cube-container{position:absolute;top:6rem;right:6rem;width:150px;height:150px;transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;z-index:1000}.cube-face{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;color:#fff;border:0px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;transition:background-color .2s;background-color:#338fe633}.cube-face:hover{background-color:#2094f3}.cube-face.front{transform:translateZ(95px)}.cube-face.back{transform:rotateY(180deg) translateZ(95px)}.cube-face.right{transform:rotateY(90deg) translateZ(95px)}.cube-face.left{transform:rotateY(-90deg) translateZ(95px)}.cube-face.top{transform:rotateX(90deg) translateZ(95px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(95px)}.axis{position:absolute;transform-style:preserve-3d;pointer-events:none;display:flex;align-items:center}.axis-line{height:2px;position:relative}.axis-label{position:absolute;font-size:1rem;font-weight:700;text-shadow:0 0 5px rgba(0,0,0,.5)}.axis-x{transform:translate3d(-30px,180px,100px);width:210px}.axis-x .axis-line{width:100%;background-color:#ef4444}.axis-x .axis-label{left:100%;transform:translate(4px);color:#ef4444}.axis-y{transform:translate3d(-135px,180px,-5px) rotateY(-90deg);width:210px}.axis-y .axis-line{width:100%;background-color:#22c55e}.axis-y .axis-label{left:100%;transform:translate(-225px);color:#22c55e}.axis-z{transform:translate3d(-135px,76px,100px) rotate(-90deg);width:210px}.axis-z .axis-line{width:100%;background-color:#3b82f6}.axis-z .axis-label{left:100%;transform:translate(6px) rotate(90deg);color:#3b82f6}.cube-edge{position:absolute;background-color:#1b1f2766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background-color .2s;cursor:default;-webkit-user-select:none;user-select:none}.cube-edge.is-hover{background-color:#2094f3}.edge-front-top.e-1{width:150px;height:21.2px;transform:translate3d(0,-32px,85px) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2)}.edge-front-top.e-2{width:150px;height:21.2px;transform:translate3d(0,-21px,95px) rotateX(0);border-top:1px solid rgba(255,255,255,.2)}.edge-front-bottom.e-1{width:150px;height:21.2px;transform:translate3d(0,149px,95px) rotateX(0);border-bottom:1px solid rgba(255,255,255,.2)}.edge-front-bottom.e-2{width:150px;height:21.2px;transform:translate3d(0,159.4px,85px) rotateX(-90deg);border-top:1px solid rgba(255,255,255,.2)}.edge-front-left.e-1{width:21.2px;height:150px;transform:translate3d(-20.6px,0,95px) rotateY(0);border-left:1px solid rgba(255,255,255,.2)}.edge-front-left.e-2{width:21.2px;height:150px;transform:translate3d(-30.6px,0,85px) rotateY(-90deg);border-right:1px solid rgba(255,255,255,.2)}.edge-front-right.e-1{width:21.2px;height:150px;transform:translate3d(149px,0,95.8px) rotateY(0);border-right:1px solid rgba(255,255,255,.2)}.edge-front-right.e-2{width:21.2px;height:150px;transform:translate3d(159.2px,0,85px) rotateY(90deg);border-left:1px solid rgba(255,255,255,.2)}.edge-side-top-left.e-1{width:150px;height:21.2px;transform:translate3d(-95px,-20.4px,0) rotateY(-90deg) rotateX(0);border-top:1px solid rgba(255,255,255,.2)}.edge-side-top-left.e-2{width:150px;height:21.2px;transform:translate3d(-85px,-31.4px,0) rotateY(-90deg) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2)}.edge-side-top-right.e-1{width:150px;height:21.2px;transform:translate3d(95px,-21px,0) rotateY(90deg) rotateX(0);border-top:1px solid rgba(255,255,255,.2)}.edge-side-top-right.e-2{width:150px;height:21.2px;transform:translate3d(85px,-31.4px,0) rotateY(90deg) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2)}.edge-side-bottom-left.e-1{width:150px;height:21.2px;transform:translate3d(-95px,149px,0) rotateY(-90deg) rotateX(-0deg);border-bottom:1px solid rgba(255,255,255,.2)}.edge-side-bottom-left.e-2{width:150px;height:21.2px;transform:translate3d(-85px,160px,0) rotateY(-90deg) rotateX(-90deg);border-top:1px solid rgba(255,255,255,.2)}.edge-side-bottom-right.e-1{width:150px;height:21.2px;transform:translate3d(95px,149px,0) rotateY(90deg) rotateX(0);border-bottom:1px solid rgba(255,255,255,.2)}.edge-side-bottom-right.e-2{width:150px;height:21.2px;transform:translate3d(85px,160px,0) rotateY(90deg) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2)}.edge-back-top.e-1{width:150px;height:21.2px;transform:translate3d(0,-31px,-85px) rotateX(90deg) rotateX(0);border-top:1px solid rgba(255,255,255,.2)}.edge-back-top.e-2{width:150px;height:21.2px;transform:translate3d(0,-20.8px,-95px) rotateX(90deg) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2)}.edge-back-bottom.e-1{width:150px;height:21.2px;transform:translate3d(0,160px,-85px) rotateX(90deg) rotateX(0);border-top:1px solid rgba(255,255,255,.2)}.edge-back-bottom.e-2{width:150px;height:21.2px;transform:translate3d(0,149px,-95px) rotateX(90deg) rotateX(90deg);border-top:1px solid rgba(255,255,255,.2)}.edge-back-left.e-1{width:21.2px;height:150px;transform:translate3d(-31px,0,-85px) rotateY(90deg) rotateY(0);border-right:1px solid rgba(255,255,255,.2)}.edge-back-left.e-2{width:21.2px;height:150px;transform:translate3d(-21px,0,-95.4px) rotateY(90deg) rotateY(90deg);border-right:1px solid rgba(255,255,255,.2)}.edge-back-right.e-1{width:21.2px;height:150px;transform:translate3d(160px,0,-85px) rotateY(90deg) rotateY(0);border-right:1px solid rgba(255,255,255,.2)}.edge-back-right.e-2{width:21.2px;height:150px;transform:translate3d(149.2px,0,-95px) rotateY(90deg) rotateY(90deg);border-left:1px solid rgba(255,255,255,.2)}.cube-corner{position:absolute;background-color:#1b1f2766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background-color .2s;cursor:default;-webkit-user-select:none;user-select:none}.cube-corner.is-hover{background-color:#2094f3}.corner-front-top-left.c1{width:21.2px;height:21.2px;transform:translate3d(-20px,-31.4px,85px) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-front-top-left.c2{width:21.2px;height:21.2px;transform:translate3d(-21px,-21px,95px) rotateX(0);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-front-top-left.c3{width:21.2px;height:21.2px;transform:translate3d(-31px,-21.4px,85px) rotateY(90deg);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-front-top-right.c1{width:21.2px;height:21.2px;transform:translate3d(149px,-31px,85px) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-front-top-right.c2{width:21.2px;height:21.2px;transform:translate3d(149px,-21.4px,95.8px);border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-front-top-right.c3{width:21.2px;height:21.2px;transform:translate3d(160px,-21px,85.4px) rotateY(90deg);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-front-bottom-left.c1{width:21.2px;height:21.2px;transform:translate3d(-21px,160px,85px) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-front-bottom-left.c2{width:21.2px;height:21.2px;transform:translate3d(-21px,149px,95px);border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-front-bottom-left.c3{width:21.2px;height:21.2px;transform:translate3d(-31px,149px,85px) rotateY(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-front-bottom-right.c1{width:21.2px;height:21.2px;transform:translate3d(149px,160px,85px) rotateX(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-front-bottom-right.c2{width:21.2px;height:21.2px;transform:translate3d(149px,149px,95px);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-front-bottom-right.c3{width:21.2px;height:21.2px;transform:translate3d(159px,149px,85px) rotateY(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-back-top-left.c1{width:21.2px;height:21.2px;transform:translate3d(-21px,-21px,-95px);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-back-top-left.c2{width:21.2px;height:21.2px;transform:translate3d(-21px,-32px,-85px) rotateX(90deg);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-back-top-left.c3{width:21.2px;height:21.2px;transform:translate3d(-31px,-21px,-85px) rotateY(90deg);border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-back-top-right.c1{width:21.2px;height:21.2px;transform:translate3d(149px,-31px,-85px) rotateX(90deg);border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-back-top-right.c2{width:21.2px;height:21.2px;transform:translate3d(159px,-21px,-85px) rotateY(90deg);border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-back-top-right.c3{width:21.2px;height:21.2px;transform:translate3d(149px,-21px,-95px);border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-back-bottom-left.c1{width:21.2px;height:21.2px;transform:translate3d(-20px,159px,-85px) rotateX(90deg);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-back-bottom-left.c2{width:21.2px;height:21.2px;transform:translate3d(-31px,149px,-85px) rotateY(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-back-bottom-left.c3{width:21.2px;height:21.2px;transform:translate3d(-21px,149px,-95px);border-bottom:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.corner-back-bottom-right.c1{width:21.2px;height:21.2px;transform:translate3d(149px,159px,-85px) rotateX(90deg);border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-back-bottom-right.c2{width:21.2px;height:21.2px;transform:translate3d(159px,149px,-85px) rotateY(90deg);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.corner-back-bottom-right.c3{width:21.2px;height:21.2px;transform:translate3d(149px,149px,-95px);border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2)}.index-page{height:100vh;background-color:var(--background)}