body,html{padding:0;font-family:SFPro;height:100vh;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}button:focus,input:focus,select:focus,textarea:focus{outline:none}code{background:#fafafa;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Courier New,monospace}.container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=");background-position:100% 100%;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:se-resize}@font-face{font-family:SFPro;font-weight:regular;src:url(/_next/static/media/SFNSText-Regular.51fdc85d.otf)}@font-face{font-family:SFPro;font-weight:600;src:url(/_next/static/media/SFNSText-Semibold.6a005338.otf)}@font-face{font-family:SF Mono Regular;font-style:normal;font-weight:400;src:local("SF Mono Regular"),url(/_next/static/media/SFMonoRegular.a087f4ec.woff) format("woff")}div.spinner{position:relative;width:54px;height:54px;display:inline-block;margin-left:50%;margin-right:50%;padding:10px;border-radius:10px}div.spinner div{width:6%;height:16%;background:#fff;position:absolute;left:49%;top:43%;opacity:0;-webkit-border-radius:50px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-animation:fade 1s linear infinite}@-webkit-keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{-webkit-transform:rotate(0deg) translateY(-130%);-webkit-animation-delay:0s}div.spinner div.bar2{-webkit-transform:rotate(30deg) translateY(-130%);-webkit-animation-delay:-.9167s}div.spinner div.bar3{-webkit-transform:rotate(60deg) translateY(-130%);-webkit-animation-delay:-.833s}div.spinner div.bar4{-webkit-transform:rotate(90deg) translateY(-130%);-webkit-animation-delay:-.7497s}div.spinner div.bar5{-webkit-transform:rotate(120deg) translateY(-130%);-webkit-animation-delay:-.667s}div.spinner div.bar6{-webkit-transform:rotate(150deg) translateY(-130%);-webkit-animation-delay:-.5837s}div.spinner div.bar7{-webkit-transform:rotate(180deg) translateY(-130%);-webkit-animation-delay:-.5s}div.spinner div.bar8{-webkit-transform:rotate(210deg) translateY(-130%);-webkit-animation-delay:-.4167s}div.spinner div.bar9{-webkit-transform:rotate(240deg) translateY(-130%);-webkit-animation-delay:-.333s}div.spinner div.bar10{-webkit-transform:rotate(270deg) translateY(-130%);-webkit-animation-delay:-.2497s}div.spinner div.bar11{-webkit-transform:rotate(300deg) translateY(-130%);-webkit-animation-delay:-.167s}div.spinner div.bar12{-webkit-transform:rotate(330deg) translateY(-130%);-webkit-animation-delay:-.0833s}.scene{width:100vw;height:100vh;-webkit-perspective:600px;perspective:600px}.cube{width:100%;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cube__face{position:absolute;width:200px;height:200px}.cube__face--front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.cube__face--right{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.cube__face--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.cube__face--left{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.cube__face--top{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.cube__face--bottom{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.cube__face--front{-webkit-transform:rotateY(0deg) translateZ(50vw);transform:rotateY(0deg) translateZ(50vw)}.cube__face--right{-webkit-transform:rotateY(90deg) translateZ(50vw);transform:rotateY(90deg) translateZ(50vw)}.cube__face--back{-webkit-transform:rotateY(180deg) translateZ(50vw);transform:rotateY(180deg) translateZ(50vw)}.cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(50vw);transform:rotateY(-90deg) translateZ(50vw)}.cube__face--top{-webkit-transform:rotateX(90deg) translateZ(50vw);transform:rotateX(90deg) translateZ(50vw)}.cube__face--bottom{-webkit-transform:rotateX(-90deg) translateZ(50vw);transform:rotateX(-90deg) translateZ(50vw)}.cube{-webkit-transform:translateZ(-50vw);transform:translateZ(-50vw)}.cube.show-right{-webkit-transform:translateZ(-50vw) rotateY(-90deg);transform:translateZ(-50vw) rotateY(-90deg)}.cube{-webkit-transition:-webkit-transform 2s;transition:-webkit-transform 2s;transition:transform 2s;transition:transform 2s,-webkit-transform 2s}@property --h{syntax:"<length>";initial-value:0;inherits:true}.gift{--w:200px;--b:12px;--d:20px;--c:#d81a14;width:var(--w);aspect-ratio:1;--h:calc(var(--w) / 2);padding:var(--b) max(var(--h),var(--b));-webkit-box-sizing:border-box;box-sizing:border-box;object-fit:cover;position:relative;object-position:center;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0004)) no-repeat 50%/0 100% var(--c) border-box;background:-webkit-linear-gradient(#0004 0 0) no-repeat 50%/0 100% var(--c) border-box;background:linear-gradient(#0004 0 0) no-repeat 50%/0 100% var(--c) border-box;-webkit-clip-path:polygon(calc(var(--h) - var(--w) / 2) 0,calc(100% + var(--w) / 2 - var(--h)) 0,calc(100% + var(--w) / 2 - var(--h)) 100%,100% 100%,calc(100% - var(--d)) calc(100% + var(--d)),var(--d) calc(100% + var(--d)),0 100%,calc(var(--h) - var(--w) / 2) 100%);clip-path:polygon(calc(var(--h) - var(--w) / 2) 0,calc(100% + var(--w) / 2 - var(--h)) 0,calc(100% + var(--w) / 2 - var(--h)) 100%,100% 100%,calc(100% - var(--d)) calc(100% + var(--d)),var(--d) calc(100% + var(--d)),0 100%,calc(var(--h) - var(--w) / 2) 100%);-webkit-box-shadow:0 var(--d) #0008,0 0 0 999px var(--c);box-shadow:0 var(--d) #0008,0 0 0 999px var(--c);-webkit-transition:.6s linear;transition:.6s linear;transition-property:--h,background-size;cursor:pointer}.gift:hover{background-size:100% 100%;--h:0px}@supports (-moz-appearance:none){.gift{-webkit-transition:.6s linear;transition:.6s linear}}.gift-container{position:relative}.gift-title{color:#fff;top:20px;left:20px;z-index:20;position:absolute;font-size:20px;font-weight:700}.gift-description{color:#fff;width:100%;text-align:center}