.door{aspect-ratio:1/2.15;background:var(--frame,#e4e0da);padding:5.5% 5.5% 0;border-radius:4px 4px 0 0;box-shadow:0 24px 40px -22px rgba(11,18,32,.45);position:relative}.door .opening{position:relative;height:100%;perspective:900px}.door .room{position:absolute;inset:0;background:linear-gradient(180deg,#fff6e6 0 72%,#d9b88e 72% 100%);overflow:hidden}.door .room:before{content:"";position:absolute;left:18%;top:14%;width:64%;height:40%;border-radius:3px;background:linear-gradient(180deg,#bfe9ff,#e7f7ff);box-shadow:0 0 30px 10px rgba(255,236,190,.7)}.door .room:after{content:"";position:absolute;right:12%;bottom:22%;width:22%;height:26%;border-radius:50% 50% 8% 8%;background:#5e8c5a;box-shadow:0 18px 0 -6px #9c6b45}.door.hero-door .room{background:radial-gradient(120% 70% at 50% 40%,#7de3ff 0,var(--blue) 35%,var(--blue-2) 80%)}.door.hero-door .room:before{left:10%;top:auto;bottom:-10%;width:80%;height:30%;border-radius:50%;background:hsla(0,0%,100%,.55);box-shadow:none;filter:blur(14px)}.door.hero-door .room:after{display:none}.leaf{position:absolute;inset:0;background-color:var(--c);transform-origin:left center;transition:transform 1s var(--ease);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),inset -8px 0 14px -6px rgba(0,0,0,.18),6px 0 18px -10px rgba(0,0,0,.4);-webkit-backface-visibility:hidden;backface-visibility:hidden}.leaf .h{right:9%;width:16%;height:2.4%;min-height:3px;border-radius:3px;background:var(--hd,#c9ced6);box-shadow:0 2px 3px rgba(0,0,0,.25)}.leaf .h,.leaf .h:before{position:absolute;top:50%}.leaf .h:before{content:"";right:-12%;width:46%;aspect-ratio:1;border-radius:50%;transform:translateY(-50%);background:inherit}.leaf .p{position:absolute;border-radius:1px}.m-lines{background-image:repeating-linear-gradient(180deg,transparent 0 calc(20% - 1px),rgba(0,0,0,.16) calc(20% - 1px) 20%)}.m-lines.dark{background-image:repeating-linear-gradient(180deg,transparent 0 calc(20% - 1px),hsla(0,0%,100%,.14) calc(20% - 1px) 20%)}.m-glass .p{left:30%;width:40%;top:7%;bottom:7%;background:linear-gradient(115deg,var(--gl,#dde7ee) 0 40%,hsla(0,0%,100%,.75) 46%,var(--gl,#dde7ee) 52% 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.08);background-size:220% 100%;transition:background-position 1.2s var(--ease)}.m-glass .p:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 calc(25% - 2px),var(--c) calc(25% - 2px) 25%)}.pcard:hover .m-glass .p{background-position:100% 0}.m-classic .p{left:16%;right:16%;box-shadow:inset 2px 2px 3px rgba(0,0,0,.18),inset -2px -2px 2px hsla(0,0%,100%,.35),0 0 0 3px rgba(0,0,0,.04)}.m-classic .p:first-child{top:7%;height:38%}.m-classic .p:nth-child(2){top:52%;height:40%}.m-flat .p{right:22%;top:0;bottom:0;width:1.5%;min-width:1px;background:hsla(216,9%,66%,.8)}.m-wood{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 2px,transparent 2px 9px),linear-gradient(180deg,hsla(0,0%,100%,.08),rgba(0,0,0,.08))}.m-steel{background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.05) 0 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,hsla(0,0%,100%,.05) 0 1px,transparent 1px 12px)}.m-steel .p{left:14%;right:14%;top:9%;bottom:9%;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.08),inset 3px 3px 6px rgba(0,0,0,.35)}.m-steelwood .p{left:12%;right:12%;top:8%;bottom:8%;background:repeating-linear-gradient(90deg,#8a5a3a 0 10%,#7a4e31 10% calc(10% + 2px));box-shadow:inset 0 0 0 3px rgba(0,0,0,.25)}.m-steelgroove{background-image:repeating-linear-gradient(180deg,transparent 0 calc(8% - 2px),rgba(0,0,0,.28) calc(8% - 2px) 8%)}.m-steelflat .p{top:0;bottom:0;width:2%;min-width:2px;background:hsla(216,6%,50%,.55)}.m-steelflat .p:first-child{left:24%}.m-steelflat .p:nth-child(2){left:30%}.eye{position:absolute;left:50%;top:22%;width:4%;aspect-ratio:1;border-radius:50%;background:#c9ced6;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.3)}.leaf.ent .h{width:7%;height:16%;top:44%;right:8%;border-radius:4px}.leaf.ent .h:before{display:none}.cat:hover .mini .leaf,.mini:hover .leaf,.pcard:hover .leaf,tr:hover .thumb .leaf{transform:rotateY(-42deg)}