@media screen and (max-width:767.98px){.module-canvas.canvas-sm{background:var(--color-background);box-shadow:0 0 10px rgba(0,0,0,.05);height:100%;max-width:300px;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-out;width:100%;z-index:1009}}@media screen and (max-width:1024.98px){.module-canvas.canvas-md{background:var(--color-background);box-shadow:0 0 10px rgba(0,0,0,.05);height:100%;max-width:300px;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-out;width:100%;z-index:1009}}.module-canvas.canvas-lg{background:var(--color-background);box-shadow:0 0 10px rgba(0,0,0,.05);height:100%;max-width:300px;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-out;width:100%;z-index:1009}.module-canvas.open{transform:translateX(0)}.expand-box__content{overflow:hidden;transition:all .3s ease}.expand-box__content:after{background:linear-gradient(180deg,transparent,var(--color-background) 100%);bottom:0;content:"";height:0;position:absolute;transition:height .3s ease;width:100%}.expand-box--active .expand-box__content:after{height:45%}.expand-box:not(.expand-box--active) svg{transform:rotate(180deg)}.accordion{overflow:hidden;width:100%}.accordion__intro{cursor:pointer;position:relative}.accordion__intro svg{transition:all .1s ease}.accordion__content{max-height:0;opacity:0;overflow:hidden;transition:all .2s ease-out;will-change:max-height}.accordion__active .accordion__content{opacity:1}.accordion__active .accordion__intro svg{transform:rotate(180deg)}