/* Tactile feedback without hidden notes or exploration tasks. */
.responds-to-input{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent}
.input-ink{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:2;contain:strict}
.input-ink>span{position:absolute;display:block;border-radius:50%;background:currentColor;pointer-events:none}
.responds-to-input:active{filter:brightness(.96)}
.responsive-paper{position:relative;transform-origin:center;transition:transform 500ms cubic-bezier(.16,1,.3,1),box-shadow .4s;transform:perspective(1100px) rotateX(var(--paper-rx,0deg)) rotateY(var(--paper-ry,0deg))}
.responsive-paper:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--paper-x,50%) var(--paper-y,50%),#ffffff0d,transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s;z-index:1}
.responsive-paper.has-pointer:before{opacity:1}
.summary-paper:after{content:'';position:absolute;top:-1px;right:-1px;width:26px;height:26px;pointer-events:none;background:linear-gradient(225deg,var(--ivory) 48%,#d7cabc 50%,#ede3d6 58%,#fffdf9 100%);transition:width .35s,height .35s}
@media(hover:hover) and (pointer:fine){.summary-paper:hover:after{width:38px;height:38px}.responsive-paper.has-pointer{box-shadow:0 18px 35px #15324712}}
@media(prefers-reduced-motion:reduce){.responsive-paper,.responsive-paper:before,.summary-paper:after{transition:none!important}.responsive-paper{transform:none!important}.input-ink{display:none!important}.summary-paper:hover:after{width:26px;height:26px}}
@media print{.responsive-paper{transform:none!important;box-shadow:none!important}.input-ink,.responsive-paper:before{display:none!important}}