.magic-rings-container{width:100%;height:100%}
.scroll-expand,.scroll-expand__track{width:100%;height:100%;position:relative}.scroll-expand__stage{width:100%;height:100%;position:sticky;top:0;overflow:hidden}.scroll-expand__frame{will-change:clip-path, border-radius;background:#05030a;border:1px solid #ceb5ef2e;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 56px #864be733}.scroll-expand__viewport{isolation:isolate;contain:paint;border-radius:inherit;clip-path:inherit;will-change:clip-path, border-radius;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0)}.scroll-expand__frame:after{border-radius:inherit;content:"";opacity:var(--scroll-expand-frame-opacity,1);pointer-events:none;border:1px solid #ceb5ef33;position:absolute;inset:0}.scroll-expand__content{transform-origin:50%;will-change:transform;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.52)}@media (prefers-reduced-motion:reduce){.scroll-expand__frame,.scroll-expand__viewport,.scroll-expand__content{transition:none}}
.card-swap-container{transform-origin:100% 100%;position:absolute;bottom:0;right:0;overflow:visible;transform:translate(5%,20%)}.card{will-change:transform;background:#000;border:1px solid #fff;border-radius:12px;position:absolute;top:50%;left:50%}@media (max-width:768px){.card-swap-container{transform:scale(.75)translate(25%,25%)}}@media (max-width:480px){.card-swap-container{transform:scale(.55)translate(25%,25%)}}
:root{--folder-color:#70a1ff;--folder-back-color:#4785ff;--paper-1:#e6e6e6;--paper-2:#f2f2f2;--paper-3:#fff}.folder{cursor:pointer;transition:all .2s ease-in}.folder.click-only:not(.open):hover{transform:none}.folder.click-only:not(.open):hover .paper{transform:translate(-50%,10%)}.folder.click-only:not(.open):hover .folder__front,.folder.click-only:not(.open):hover .right{transform:none}.folder:hover{transform:translateY(-8px)}.folder:hover .paper{transform:translate(-50%)}.folder:hover .folder__front{transform:skew(15deg)scaleY(.6)}.folder:hover .right{transform:skew(-15deg)scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:first-child{transform:translate(calc(-120% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(-15deg)}.folder.open .paper:nth-child(2){transform:translate(calc(10% + var(--magnet-x,0px)), calc(-70% + var(--magnet-y,0px))) rotateZ(15deg);height:80%}.folder.open .paper:nth-child(3){transform:translate(calc(-50% + var(--magnet-x,0px)), calc(-100% + var(--magnet-y,0px))) rotateZ(5deg);height:80%}.folder.open .folder__front{transform:skew(15deg)scaleY(.6)}.folder.open .right{transform:skew(-15deg)scaleY(.6)}.folder__back{background:var(--folder-back-color);border-radius:0 10px 10px;width:100px;height:80px;position:relative}.folder__back:after{z-index:0;content:"";background:var(--folder-back-color);border-radius:5px 5px 0 0;width:30px;height:10px;position:absolute;bottom:98%;left:0}.paper{z-index:2;background:var(--paper-1);border-radius:10px;width:70%;height:80%;transition:all .3s ease-in-out;position:absolute;bottom:10%;left:50%;transform:translate(-50%,10%)}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{z-index:3;background:var(--folder-color);transform-origin:bottom;border-radius:5px 10px 10px;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.folder:focus-visible{outline:2px solid var(--customize-accent-soft);outline-offset:4px;border-radius:10px}
.dither-container{width:100%;height:100%;display:block;position:relative}