/* The spiral stays still while a two-part sheet curls up and over it. */
.calendar-object{display:block;width:100%;padding:0;border:0;border-radius:0;background:var(--paper);color:inherit;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;isolation:isolate}
.calendar-object:focus-visible{outline:3px solid var(--ink);outline-offset:12px}
.calendar-pages{display:block;position:relative;perspective:2200px;perspective-origin:50% 0;transform-style:preserve-3d}
.calendar-pages>img{display:block;user-select:none;-webkit-user-drag:none;transform:translateZ(0)}
.calendar-object .calendar-binding{z-index:5;pointer-events:none}
.calendar-turning-leaf{position:absolute;inset:0 0 auto;height:72%;transform-origin:50% 0;transform-style:preserve-3d;pointer-events:none;will-change:transform}
.calendar-paper-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#f7f4e9}
.calendar-paper-front{background-image:var(--turning-page);background-size:100% auto;background-position:center top;background-repeat:no-repeat;transform:translateZ(.1px)}
.calendar-paper-back{transform:rotateX(180deg);background:linear-gradient(165deg,#f9f7ed 25%,#e9e4d5 85%,#ded8c6);box-shadow:inset 0 1px 0 #fff9}
.calendar-paper-tip{position:absolute;left:0;right:0;top:calc(100% - .5px);height:38.888889%;transform-origin:50% 0;transform-style:preserve-3d;will-change:transform}
.calendar-paper-tip>.calendar-paper-front{background-position:center bottom;box-shadow:0 10px 20px #393d2920}
.calendar-paper-tip>.calendar-paper-front:after{content:'';position:absolute;inset:0;background:linear-gradient(#00000008,transparent 16%,#fff0 75%,#ffffff30)}
.calendar-page-shadow{position:absolute;inset:0;z-index:2;transform-origin:50% 0;background:linear-gradient(#20241910,#20241966 85%,#202419aa);pointer-events:none}
.calendar-turn-hint{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;line-height:1.5;margin:-21px 0 16px;color:#535b4b}
.calendar-turn-hint>span{font-size:18px;line-height:1}
.product-views{flex-wrap:wrap;justify-content:center}
.product-views button{min-height:44px}
.calendar-view-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(forced-colors:active){.calendar-object:focus-visible{outline-color:Highlight}.calendar-object{border:1px solid ButtonText}}