.side-column--top{--sidecolumn-width:100%;--sidecolumn-height:90vh;--sidecolumn-box-shadow:0px 15px 11px -4px rgba(29,31,34,.1);--sidecolumn-top-frow:0;--sidecolumn-content-padding:0 24px 24px 24px}.side-column--right{--sidecolumn-left:auto;--sidecolumn-right:0}.side-column__asside{background-color:var(--c-white);bottom:var(--sidecolumn-bottom,0);box-shadow:var(--sidecolumn-box-shadow,0 4px 11px rgba(29,31,34,.1));box-sizing:border-box;display:flex;flex-direction:column;height:var(--sidecolumn-height,100dvh);left:var(--sidecolumn-left,0);position:fixed;right:var(--sidecolumn-right,0);top:var(--sidecolumn-top,0);width:var(--sidecolumn-width,100%);z-index:var(--sidecolumn-z-index,999)}@media (min-width:768px) and (max-width:1024px){.side-column__asside{width:var(--sidecolumn-width,75%)}}@media (min-width:1025px){.side-column__asside{width:var(--sidecolumn-width,52%)}}@media (min-width:1521px){.side-column__asside{width:var(--sidecolumn-width,42%)}}.side-column__overlay{--overlay-position-top:var(--sidecolumn-top);--overlay-z-index:var(--sidecolumn-z-index,111)}.side-column__top{background-color:var(--sidecolumn-close-btn-background,var(--c-white));padding:var(--sidecolumn-close-btn-padding,32px);position:absolute;right:0;z-index:1}.side-column__top.has-title{height:40px;left:0;width:calc(100% - 48px)}@media (max-width:767px){.side-column__top,.side-column__top.has-title{padding:16px;width:var(--sidecolumn-top-mobile-width, calc(100% - 32px) )}.side-column__top{height:36px}}.side-column__top-close{position:absolute;right:32px}@media (max-width:767px){.side-column__top-close{right:16px;--button-size:36px;--button-icon-size:24px;--button-min-height:36px;--button-min-width:36px}.side-column__top-close.sub-modal{left:16px}}.side-column__top-title{align-items:center;display:flex;justify-content:center;line-height:40px;margin:0}.side-column__content{flex-grow:1;height:var(--sidecolumn-content-height,auto);overflow:var(--sidecolumn-content-overflow,auto);padding:var(--sidecolumn-content-padding,0 24px)}.side-column__content::-webkit-scrollbar{width:0}.side-column__title{--heading-title-color:var(--c-onyx--800);--heading-title-font-size:var(--font-size--xl);--heading-title-font-weight:var(--font-weight--semibold);--heading-description-font-size:var(--font-size--xl);display:var(--sidecolumn-title-display);margin:var(--sidecolumn-title,0 0 var(--spacer-lg) 0)}
