:root{--abone-container-desktop: 1280px;--abone-container-tablet: 1024px;--abone-container-mobile: calc(100% - 40px) }.abone-custom-section-wrapper{position:relative}.abone-custom-section-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.abone-custom-section{position:relative;display:flex;flex-direction:column;min-height:var(--abone-cs-min-height, auto)}.abone-custom-section__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:var(--abone-cs-border-radius, 0)}.background-color-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.abone-custom-section__background .abone-background-image-container{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--image-opacity, 1)}.abone-custom-section__background .abone-background-image-container img,.abone-custom-section__background .abone-background-image-container svg{object-fit:cover;width:100%;height:100%}.abone-custom-section__background .abone-background-image-fit img,.abone-custom-section__background .abone-background-image-fit svg{object-fit:contain}.abone-custom-section__background .abone-video-background,.abone-custom-section__background .abone-video-background *{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.abone-custom-section__background .abone-video-background--cover *{object-fit:cover}.abone-custom-section__background .abone-video-background--contain *{object-fit:contain}.abone-custom-section__background--desktop{display:block}.abone-custom-section__background--tablet,.abone-custom-section__background--mobile{display:none}.abone-overlay--desktop{display:block}.abone-overlay--tablet,.abone-overlay--mobile{display:none}.abone-custom-section__border-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;border-radius:var(--abone-cs-border-radius, 0);border-width:var(--abone-cs-border-width, 0);border-style:var(--abone-cs-border-style, none);border-color:rgb(var(--color-border-rgb, 0 0 0)/var(--abone-cs-border-opacity, 1));overflow:hidden}.abone-custom-section__wrapper{position:relative;z-index:1;width:100%;max-width:var(--abone-cs-max-width, var(--abone-container-desktop));margin-inline:auto;flex:1;display:flex;flex-direction:column}.abone-custom-section__wrapper--left{margin-inline-start:0;margin-inline-end:auto}.abone-custom-section__wrapper--right{margin-inline-start:auto;margin-inline-end:0}.abone-cs-layout{flex:1}.abone-cs-layout--flex{display:flex;flex-direction:var(--abone-cs-flex-direction-desktop, column);flex-wrap:var(--abone-cs-flex-wrap-desktop, nowrap);justify-content:var(--abone-cs-justify-content-desktop, flex-start);align-items:var(--abone-cs-align-items-desktop, stretch);align-content:var(--abone-cs-align-content-desktop, stretch);gap:var(--abone-cs-gap-desktop, 16px);row-gap:var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-desktop, 16px));column-gap:var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-desktop, 16px))}.abone-cs-layout--grid{display:grid;grid-template-columns:var(--abone-cs-grid-template-columns-desktop, repeat(3, 1fr));grid-template-rows:var(--abone-cs-grid-template-rows-desktop, auto);grid-auto-flow:var(--abone-cs-grid-auto-flow-desktop, row);justify-items:var(--abone-cs-grid-justify-items-desktop, stretch);align-items:var(--abone-cs-grid-align-items-desktop, stretch);justify-content:var(--abone-cs-grid-justify-content-desktop, start);align-content:var(--abone-cs-grid-align-content-desktop, start);gap:var(--abone-cs-gap-desktop, 16px);row-gap:var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-desktop, 16px));column-gap:var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-desktop, 16px))}.abone-custom-section__content{position:relative;z-index:1;padding-block-start:var(--abone-cs-padding-block-start, 48px);padding-block-end:var(--abone-cs-padding-block-end, 48px);padding-inline-start:var(--abone-cs-padding-inline-start, 0);padding-inline-end:var(--abone-cs-padding-inline-end, 0)}.abone-custom-section__content>*{min-width:0}@media screen and (max-width: 1023px){.abone-custom-section__background--desktop{display:none}.abone-custom-section__background--tablet{display:block}.abone-overlay--desktop{display:none}.abone-overlay--tablet{display:block}.abone-custom-section__wrapper{max-width:var(--abone-cs-max-width-tablet, var(--abone-container-tablet))}.abone-cs-layout--tablet-flex{display:flex;flex-direction:var(--abone-cs-flex-direction-tablet, var(--abone-cs-flex-direction-desktop, column));flex-wrap:var(--abone-cs-flex-wrap-tablet, var(--abone-cs-flex-wrap-desktop, nowrap));justify-content:var(--abone-cs-justify-content-tablet, var(--abone-cs-justify-content-desktop, flex-start));align-items:var(--abone-cs-align-items-tablet, var(--abone-cs-align-items-desktop, stretch));align-content:var(--abone-cs-align-content-tablet, var(--abone-cs-align-content-desktop, stretch));grid-template-columns:initial;grid-template-rows:initial;grid-auto-flow:initial;justify-items:initial}.abone-cs-layout--tablet-grid{display:grid;grid-template-columns:var(--abone-cs-grid-template-columns-tablet, var(--abone-cs-grid-template-columns-desktop, repeat(2, 1fr)));grid-template-rows:var(--abone-cs-grid-template-rows-tablet, var(--abone-cs-grid-template-rows-desktop, auto));grid-auto-flow:var(--abone-cs-grid-auto-flow-tablet, var(--abone-cs-grid-auto-flow-desktop, row));justify-items:var(--abone-cs-grid-justify-items-tablet, var(--abone-cs-grid-justify-items-desktop, stretch));align-items:var(--abone-cs-grid-align-items-tablet, var(--abone-cs-grid-align-items-desktop, stretch));justify-content:var(--abone-cs-grid-justify-content-tablet, var(--abone-cs-grid-justify-content-desktop, start));align-content:var(--abone-cs-grid-align-content-tablet, var(--abone-cs-grid-align-content-desktop, start));flex-direction:initial;flex-wrap:initial}.abone-cs-layout--tablet-flex,.abone-cs-layout--tablet-grid{gap:var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px));row-gap:var(--abone-cs-row-gap-tablet, var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))));column-gap:var(--abone-cs-column-gap-tablet, var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))}.abone-cs-layout--flex:not(.abone-cs-layout--tablet-flex):not(.abone-cs-layout--tablet-grid){gap:var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px));row-gap:var(--abone-cs-row-gap-tablet, var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))));column-gap:var(--abone-cs-column-gap-tablet, var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))}.abone-cs-layout--grid:not(.abone-cs-layout--tablet-flex):not(.abone-cs-layout--tablet-grid){gap:var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px));row-gap:var(--abone-cs-row-gap-tablet, var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))));column-gap:var(--abone-cs-column-gap-tablet, var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))}}@media screen and (max-width: 989px){.abone-custom-section__content{padding-block-start:var(--abone-cs-padding-block-start-tablet, var(--abone-cs-padding-block-start, 48px));padding-block-end:var(--abone-cs-padding-block-end-tablet, var(--abone-cs-padding-block-end, 48px));padding-inline-start:var(--abone-cs-padding-inline-start-tablet, var(--abone-cs-padding-inline-start, 0));padding-inline-end:var(--abone-cs-padding-inline-end-tablet, var(--abone-cs-padding-inline-end, 0))}}@media screen and (max-width: 767px){.abone-custom-section__background--tablet{display:none}.abone-custom-section__background--mobile{display:block}.abone-overlay--tablet{display:none}.abone-overlay--mobile{display:block}.abone-custom-section__wrapper{max-width:var(--abone-cs-max-width-mobile, var(--abone-container-mobile))}.abone-cs-layout--mobile-flex{display:flex;flex-direction:var(--abone-cs-flex-direction-mobile, var(--abone-cs-flex-direction-tablet, var(--abone-cs-flex-direction-desktop, column)));flex-wrap:var(--abone-cs-flex-wrap-mobile, var(--abone-cs-flex-wrap-tablet, var(--abone-cs-flex-wrap-desktop, nowrap)));justify-content:var(--abone-cs-justify-content-mobile, var(--abone-cs-justify-content-tablet, var(--abone-cs-justify-content-desktop, flex-start)));align-items:var(--abone-cs-align-items-mobile, var(--abone-cs-align-items-tablet, var(--abone-cs-align-items-desktop, stretch)));align-content:var(--abone-cs-align-content-mobile, var(--abone-cs-align-content-tablet, var(--abone-cs-align-content-desktop, stretch)));grid-template-columns:initial;grid-template-rows:initial;grid-auto-flow:initial;justify-items:initial}.abone-cs-layout--mobile-grid{display:grid;grid-template-columns:var(--abone-cs-grid-template-columns-mobile, var(--abone-cs-grid-template-columns-tablet, var(--abone-cs-grid-template-columns-desktop, 1fr)));grid-template-rows:var(--abone-cs-grid-template-rows-mobile, var(--abone-cs-grid-template-rows-tablet, var(--abone-cs-grid-template-rows-desktop, auto)));grid-auto-flow:var(--abone-cs-grid-auto-flow-mobile, var(--abone-cs-grid-auto-flow-tablet, var(--abone-cs-grid-auto-flow-desktop, row)));justify-items:var(--abone-cs-grid-justify-items-mobile, var(--abone-cs-grid-justify-items-tablet, var(--abone-cs-grid-justify-items-desktop, stretch)));align-items:var(--abone-cs-grid-align-items-mobile, var(--abone-cs-grid-align-items-tablet, var(--abone-cs-grid-align-items-desktop, stretch)));justify-content:var(--abone-cs-grid-justify-content-mobile, var(--abone-cs-grid-justify-content-tablet, var(--abone-cs-grid-justify-content-desktop, start)));align-content:var(--abone-cs-grid-align-content-mobile, var(--abone-cs-grid-align-content-tablet, var(--abone-cs-grid-align-content-desktop, start)));flex-direction:initial;flex-wrap:initial}.abone-cs-layout--mobile-flex,.abone-cs-layout--mobile-grid{gap:var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px)));row-gap:var(--abone-cs-row-gap-mobile, var(--abone-cs-row-gap-tablet, var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))));column-gap:var(--abone-cs-column-gap-mobile, var(--abone-cs-column-gap-tablet, var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))))}.abone-cs-layout--flex:not(.abone-cs-layout--mobile-flex):not(.abone-cs-layout--mobile-grid),.abone-cs-layout--tablet-flex:not(.abone-cs-layout--mobile-flex):not(.abone-cs-layout--mobile-grid){gap:var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px)));row-gap:var(--abone-cs-row-gap-mobile, var(--abone-cs-row-gap-tablet, var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))));column-gap:var(--abone-cs-column-gap-mobile, var(--abone-cs-column-gap-tablet, var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))))}.abone-cs-layout--grid:not(.abone-cs-layout--mobile-flex):not(.abone-cs-layout--mobile-grid),.abone-cs-layout--tablet-grid:not(.abone-cs-layout--mobile-flex):not(.abone-cs-layout--mobile-grid){gap:var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px)));row-gap:var(--abone-cs-row-gap-mobile, var(--abone-cs-row-gap-tablet, var(--abone-cs-row-gap-desktop, var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))));column-gap:var(--abone-cs-column-gap-mobile, var(--abone-cs-column-gap-tablet, var(--abone-cs-column-gap-desktop, var(--abone-cs-gap-mobile, var(--abone-cs-gap-tablet, var(--abone-cs-gap-desktop, 16px))))))}}@media screen and (max-width: 749px){.abone-custom-section__content{padding-block-start:var(--abone-cs-padding-block-start-mobile, var(--abone-cs-padding-block-start-tablet, var(--abone-cs-padding-block-start, 32px)));padding-block-end:var(--abone-cs-padding-block-end-mobile, var(--abone-cs-padding-block-end-tablet, var(--abone-cs-padding-block-end, 32px)));padding-inline-start:var(--abone-cs-padding-inline-start-mobile, var(--abone-cs-padding-inline-start-tablet, var(--abone-cs-padding-inline-start, 16px)));padding-inline-end:var(--abone-cs-padding-inline-end-mobile, var(--abone-cs-padding-inline-end-tablet, var(--abone-cs-padding-inline-end, 16px)))}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-abone-custom-section.css.map */
