.double-sided-box{opacity:1;will-change:transform;position:relative;--dsb-transition-duration:.45s;--dsb-transition-timing-function:ease;--dsb-transition-property:transform}.double-sided-box__sides{position:relative}.double-sided-box__back,.double-sided-box__front{transition:var(--dsb-transition-property) var(--dsb-transition-duration) var(--dsb-transition-timing-function)}.double-sided-box__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-y:auto;inset:0;z-index:10}.double-sided-box__back .box{min-height:100%}.double-sided-box__back .box__background{opacity:.3}.double-sided-box--flip.hover .double-sided-box__front{transform:rotateY(180deg)}.double-sided-box--flip.hover .double-sided-box__back{transform:rotateY(1turn)}.double-sided-box--flip :where(.double-sided-box__sides) .double-sided-box__back,.double-sided-box--flip :where(.double-sided-box__sides) .double-sided-box__front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.double-sided-box--flip :where(.double-sided-box__sides) .double-sided-box__back{transform:rotateY(180deg);position:absolute}.double-sided-box--slide-left.hover .double-sided-box__back{transform:none}.double-sided-box--slide-left :where(.double-sided-box__sides){display:grid;grid-template-columns:1fr;overflow:clip}.double-sided-box--slide-left :where(.double-sided-box__sides) .double-sided-box__back,.double-sided-box--slide-left :where(.double-sided-box__sides) .double-sided-box__front{grid-column:1;grid-row:1}.double-sided-box--slide-left :where(.double-sided-box__sides) .double-sided-box__back{transform:translateX(-100%);position:absolute;top:0;height:100%}.double-sided-box--slide-left :where(.double-sided-box__sides) .double-sided-box__back>*{min-height:100%}.double-sided-box--zoom-center.hover .double-sided-box__back{transform:none}.double-sided-box--zoom-center :where(.double-sided-box__sides){display:grid;grid-template-columns:1fr;overflow:clip}.double-sided-box--zoom-center :where(.double-sided-box__sides) .double-sided-box__back,.double-sided-box--zoom-center :where(.double-sided-box__sides) .double-sided-box__front{grid-column:1;grid-row:1}.double-sided-box--zoom-center :where(.double-sided-box__sides) .double-sided-box__back{transform:scale(0);position:absolute;top:0;height:100%}.double-sided-box--zoom-center :where(.double-sided-box__sides) .double-sided-box__back>*{min-height:100%}.double-sided-box--fade{--dsb-transition-property:opacity}.double-sided-box--fade.hover .double-sided-box__back{opacity:1}.double-sided-box--fade :where(.double-sided-box__sides){display:grid;grid-template-columns:1fr;overflow:clip}.double-sided-box--fade :where(.double-sided-box__sides) .double-sided-box__back,.double-sided-box--fade :where(.double-sided-box__sides) .double-sided-box__front{grid-column:1;grid-row:1}.double-sided-box--fade :where(.double-sided-box__sides) .double-sided-box__back{opacity:0;position:absolute;top:0;height:100%}.double-sided-box--fade :where(.double-sided-box__sides) .double-sided-box__back>*{min-height:100%}:where .double-sided-box{grid-column:var(--content__grid-column)}@media(prefers-reduced-motion){.double-sided-box__back,.double-sided-box__front{transition:none}}