body{margin:0;min-height:100vh;display:flex;flex-direction:column}.page-layout{min-height:100vh;display:flex;flex-direction:column}.book{--color: #6a2a1b;--duration: 4s;width:32px;height:12px;position:relative;margin:32px 0 0;zoom:1.5}.book .inner{width:32px;height:12px;position:relative;transform-origin:2px 2px;transform:rotate(-90deg);animation:book var(--duration) ease infinite}.book .inner .left,.book .inner .right{width:60px;height:4px;top:0;border-radius:2px;background:var(--color);position:absolute}.book .inner .left:before,.book .inner .right:before{content:"";width:48px;height:4px;border-radius:2px;background:inherit;position:absolute;top:-10px;left:6px}.book .inner .left{right:28px;transform-origin:58px 2px;transform:rotate(90deg);animation:left var(--duration) ease infinite}.book .inner .right{left:28px;transform-origin:2px 2px;transform:rotate(-90deg);animation:right var(--duration) ease infinite}.book .inner .middle{width:32px;height:12px;border:4px solid var(--color);border-top:0;border-radius:0 0 9px 9px;transform:translateY(2px)}.book ul{margin:0;padding:0;list-style:none;position:absolute;left:50%;top:0}.book ul li{height:4px;border-radius:2px;transform-origin:100% 2px;width:48px;right:0;top:-10px;position:absolute;background:var(--color);transform:rotate(0) translate(-18px);animation-duration:var(--duration);animation-timing-function:ease;animation-iteration-count:infinite}.book ul li:nth-child(1){animation-name:page-1}.book ul li:nth-child(2){animation-name:page-2}.book ul li:nth-child(3){animation-name:page-3}.book ul li:nth-child(4){animation-name:page-4}.book ul li:nth-child(5){animation-name:page-5}.book ul li:nth-child(6){animation-name:page-6}.book ul li:nth-child(7){animation-name:page-7}.book ul li:nth-child(8){animation-name:page-8}.book ul li:nth-child(9){animation-name:page-9}.book ul li:nth-child(10){animation-name:page-10}@keyframes page-0{4%{transform:rotate(0) translate(-18px)}13%,54%{transform:rotate(180deg) translate(-18px)}63%{transform:rotate(0) translate(-18px)}}@keyframes page-1{5.86%{transform:rotate(0) translate(-18px)}14.74%,55.86%{transform:rotate(180deg) translate(-18px)}64.74%{transform:rotate(0) translate(-18px)}}@keyframes page-2{7.72%{transform:rotate(0) translate(-18px)}16.48%,57.72%{transform:rotate(180deg) translate(-18px)}66.48%{transform:rotate(0) translate(-18px)}}@keyframes page-3{9.58%{transform:rotate(0) translate(-18px)}18.22%,59.58%{transform:rotate(180deg) translate(-18px)}68.22%{transform:rotate(0) translate(-18px)}}@keyframes page-4{11.44%{transform:rotate(0) translate(-18px)}19.96%,61.44%{transform:rotate(180deg) translate(-18px)}69.96%{transform:rotate(0) translate(-18px)}}@keyframes page-5{13.3%{transform:rotate(0) translate(-18px)}21.7%,63.3%{transform:rotate(180deg) translate(-18px)}71.7%{transform:rotate(0) translate(-18px)}}@keyframes page-6{15.16%{transform:rotate(0) translate(-18px)}23.44%,65.16%{transform:rotate(180deg) translate(-18px)}73.44%{transform:rotate(0) translate(-18px)}}@keyframes page-7{17.02%{transform:rotate(0) translate(-18px)}25.18%,67.02%{transform:rotate(180deg) translate(-18px)}75.18%{transform:rotate(0) translate(-18px)}}@keyframes page-8{18.88%{transform:rotate(0) translate(-18px)}26.92%,68.88%{transform:rotate(180deg) translate(-18px)}76.92%{transform:rotate(0) translate(-18px)}}@keyframes page-9{20.74%{transform:rotate(0) translate(-18px)}28.66%,70.74%{transform:rotate(180deg) translate(-18px)}78.66%{transform:rotate(0) translate(-18px)}}@keyframes page-10{22.6%{transform:rotate(0) translate(-18px)}30.4%,72.6%{transform:rotate(180deg) translate(-18px)}80.4%{transform:rotate(0) translate(-18px)}}@keyframes left{4%{transform:rotate(90deg)}10%,40%{transform:rotate(0)}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0)}96%{transform:rotate(90deg)}}@keyframes right{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0)}46%,54%{transform:rotate(-90deg)}60%,90%{transform:rotate(0)}96%{transform:rotate(-90deg)}}@keyframes book{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0);transform-origin:2px 2px}40.01%,59.99%{transform-origin:30px 2px}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0);transform-origin:2px 2px}96%{transform:rotate(-90deg)}}*,*:before,*:after{box-sizing:inherit}.legal-pad{background:linear-gradient(180deg,#6a2a1b,#6a2a1b 85px,transparent 87px),linear-gradient(90deg,transparent 0%,transparent 100px,#f5c492 100px,#f5c492 102px,transparent 102px,transparent 106px,#f5c492 106px,#f5c492 108px,transparent 108px,transparent 100%),linear-gradient(180deg,#fbee9f 200px,transparent 200px),repeating-linear-gradient(180deg,#c9d798 0px,#c9d798 2px,transparent 2px,transparent 36px),linear-gradient(#fbee9f,#fbee9f)}@media(max-width:600px){.legal-pad{background:linear-gradient(180deg,#6a2a1b,#6a2a1b 85px,transparent 87px),linear-gradient(180deg,#fbee9f 200px,transparent 200px),repeating-linear-gradient(180deg,#c9d798 0px,#c9d798 2px,transparent 2px,transparent 36px),linear-gradient(#fbee9f,#fbee9f)}}.MuiDialog-root .note-card{background:repeating-linear-gradient(180deg,#c9d798 0px,#c9d798 2px,transparent 2px,transparent 36px),linear-gradient(#fbee9f,#fbee9f)}.MuiDialog-root .choose-words-dialog-note-card{background:linear-gradient(180deg,#fbee9f 40px 100%)}.MuiDialog-root .choose-words-dialog-note-card .MuiDialogContent-root{background-image:repeating-linear-gradient(180deg,#c9d798 0px,#c9d798 2px,transparent 2px,transparent 36px);background-attachment:local}