.pillar-note-stack{height:100%;position:relative}.pillar-note-under{background-color:var(--torn-paper-bg);filter:brightness(.98);position:absolute;inset:0;box-shadow:0 1px 1px #342c201f,0 6px 14px #342c2012}.dark .pillar-note-under{filter:brightness(1.12);box-shadow:0 0 0 1px #ffffff0f,0 6px 14px #0006}.pillar-note-tilt{height:100%;transform:rotate(var(--note-angle,-.6deg));transition:transform .35s cubic-bezier(.22,1,.36,1);position:relative}.pillar-note-stack:hover .pillar-note-tilt{transform:rotate(0)translateY(-4px)}.pillar-note-shadow{filter:drop-shadow(0 1px 1px #342c2029)drop-shadow(0 3px 6px #342c2014)drop-shadow(0 10px 20px #342c2012);height:100%;transition:filter .35s cubic-bezier(.22,1,.36,1)}.pillar-note-stack:hover .pillar-note-shadow{filter:drop-shadow(0 2px 2px #342c202e)drop-shadow(0 6px 10px #342c201a)drop-shadow(0 18px 30px #342c2017)}.dark .pillar-note-shadow{filter:drop-shadow(0 0 1px #ffffff38)drop-shadow(0 8px 18px #00000080)}.dark .pillar-note-stack:hover .pillar-note-shadow{filter:drop-shadow(0 0 1px #ffffff4d)drop-shadow(0 14px 26px #0000008c)}.pillar-note{background-color:var(--torn-paper-bg);background-image:radial-gradient(145% 125% at 10% -12%,#ffffff4d 0%,#ffffff1c 30%,#fff0 58%,#342c2009 100%);height:100%;position:relative}.dark .pillar-note{background-image:radial-gradient(145% 125% at 10% -12%,#ffffff0d 0%,#ffffff04 30%,#fff0 58%,#0003 100%)}.pillar-note:before,.pillar-note:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:1;position:absolute;inset:0}.pillar-note:after{opacity:var(--note-tooth,.09);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23t)'/%3E%3C/svg%3E")}.pillar-note:before{opacity:var(--note-fibre,.055);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.008 0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23f)'/%3E%3C/svg%3E")}.dark .pillar-note:after{opacity:.06}.dark .pillar-note:before{opacity:.04}@media (prefers-reduced-motion:reduce){.pillar-note-tilt,.pillar-note-shadow{transition:none}}