diff --git a/assets/general.css b/assets/general.css
index abba347..f01cc8a 100644
--- a/assets/general.css
+++ b/assets/general.css
@@ -1 +1 @@
-@media(max-width: 991px){html:has(#header-opener-menu:checked),html:has(#header-opener-search:checked){overflow:clip}}body{--overlay-transition-duration: var(--transition-duration);--overlay-transition-delay: 50ms;--overlay-visibility: hidden}body::before{content:"";position:absolute;top:0;left:0;width:100vw;height:100%;z-index:1;pointer-events:none;background:color-mix(in srgb, var(--color-primary) 55%, transparent);visibility:var(--overlay-visibility);transition:visibility var(--overlay-transition-duration) var(--overlay-transition-delay) var(--transition-function)}@media(max-width: 991px){body:has(#header-opener-menu:checked),body:has(#header-opener-search:checked){overflow:clip}}body:has(#header-opener-menu:checked)::before,body:has(#header-opener-search:checked)::before{--overlay-transition-duration: 0s;--overlay-transition-delay: 0s;--overlay-visibility: visible}body:has(.menu__item.has-dropdown.active)::before,body:has(.menu__item.has-dropdown:hover)::before{--overlay-transition-duration: 0s;--overlay-transition-delay: 0s;--overlay-visibility: visible}body:not(:has(.header__inner--filled)) #main>section:first-child>[class*=__wrapper]{--section-padding-top: calc(var(--padding-top-mobile, 20px) + var(--header-height, 65px) - var(--top-bar-height, 0px))}@media(min-width: 992px){body:not(:has(.header__inner--filled)) #main>section:first-child>[class*=__wrapper]{--section-padding-top: calc(var(--padding-top-desktop, 40px) + var(--header-height, 65px) - var(--top-bar-height, 0px))}}#main>section:last-child{display:flex;flex-direction:column;flex-grow:1}#main>section:last-child>[class*=__wrapper],#main>section:last-child>[class^=__wrapper]{flex-grow:1}.preview-app #main:has(section:only-child){display:block}.header:not(#main:has(.header__inner--filled)) #main{margin-top:var(--preview-height, 0)}.bq-content.rx-content{font-family:var(--font-body);line-height:1.4;font-size:inherit}.bq-content.rx-content b,.bq-content.rx-content strong{font-weight:var(--font-weight-semibold)}.bq-content.rx-content a{color:var(--color-outline);transition:color var(--transition-duration) var(--transition-function)}h1 .bq-content.rx-content a,h2 .bq-content.rx-content a,h3 .bq-content.rx-content a,h4 .bq-content.rx-content a,h5 .bq-content.rx-content a,h6 .bq-content.rx-content a{text-decoration:none;color:var(--color-outline)}.bq-content.rx-content a:hover{opacity:.8}h1 .bq-content.rx-content a:hover,h2 .bq-content.rx-content a:hover,h3 .bq-content.rx-content a:hover,h4 .bq-content.rx-content a:hover,h5 .bq-content.rx-content a:hover,h6 .bq-content.rx-content a:hover{opacity:.8}.bq-content.rx-content ul{list-style:disc;margin-left:26px}.bq-content.rx-content ul+*{margin-top:16px}.bq-content.rx-content ol{list-style:decimal;margin-left:26px}.bq-content.rx-content ol+*{margin-top:16px}.bq-content.rx-content li{font-size:16px;line-height:1.4}.bq-content.rx-content li li{font-size:1em}.bq-content.rx-content h1,.bq-content.rx-content h2,.bq-content.rx-content h3,.bq-content.rx-content h4,.bq-content.rx-content h5,.bq-content.rx-content h6{font-family:var(--font-heading);font-size:16px;font-weight:var(--font-weight-headers);line-height:1.4;text-rendering:optimizelegibility;letter-spacing:0;color:var(--color-primary, #000)}.bq-content.rx-content h1+*,.bq-content.rx-content h2+*,.bq-content.rx-content h3+*,.bq-content.rx-content h4+*,.bq-content.rx-content h5+*,.bq-content.rx-content h6+*{margin-top:12px}.bq-content.rx-content h1{font-size:clamp(40px, calc(var(--font-size-h1) * 100vw / var(--max-width-value)), 100px);font-weight:var(--font-weight-h1);line-height:1.25}.bq-content.rx-content h1 b,.bq-content.rx-content h1 strong{font-family:inherit;font-weight:calc(var(--font-weight-h1) + 200)}.bq-content.rx-content h1:last-child{margin-bottom:0}.bq-content.rx-content h2{font-size:clamp(36px, calc(var(--font-size-h2) * 100vw / var(--max-width-value)), 76px);font-weight:var(--font-weight-h2);line-height:1.25}.bq-content.rx-content h2 b,.bq-content.rx-content h2 strong{font-family:inherit;font-weight:calc(var(--font-weight-h2) + 200)}h1+.bq-content.rx-content h2,p+.bq-content.rx-content h2,dl+.bq-content.rx-content h2,pre+.bq-content.rx-content h2,address+.bq-content.rx-content h2,table+.bq-content.rx-content h2,blockquote+.bq-content.rx-content h2,ol+.bq-content.rx-content h2,ul+.bq-content.rx-content h2{margin-top:24px}.bq-content.rx-content h2:last-child{margin-bottom:0}.bq-content.rx-content h3{font-size:clamp(32px, calc(var(--font-size-h3) * 100vw / var(--max-width-value)), 55px);font-weight:var(--font-weight-h3);line-height:1.25}.bq-content.rx-content h3 b,.bq-content.rx-content h3 strong{font-family:inherit;font-weight:calc(var(--font-weight-h3) + 200)}h2+.bq-content.rx-content h3,p+.bq-content.rx-content h3,dl+.bq-content.rx-content h3,pre+.bq-content.rx-content h3,address+.bq-content.rx-content h3,table+.bq-content.rx-content h3,blockquote+.bq-content.rx-content h3,ol+.bq-content.rx-content h3,ul+.bq-content.rx-content h3{margin-top:24px}.bq-content.rx-content h3:last-child{margin-bottom:0}h3+.bq-content.rx-content h4,p+.bq-content.rx-content h4,dl+.bq-content.rx-content h4,pre+.bq-content.rx-content h4,address+.bq-content.rx-content h4,table+.bq-content.rx-content h4,blockquote+.bq-content.rx-content h4,ol+.bq-content.rx-content h4,ul+.bq-content.rx-content h4{margin-top:24px}h4+.bq-content.rx-content h5,p+.bq-content.rx-content h5,dl+.bq-content.rx-content h5,pre+.bq-content.rx-content h5,address+.bq-content.rx-content h5,table+.bq-content.rx-content h5,blockquote+.bq-content.rx-content h5,ol+.bq-content.rx-content h5,ul+.bq-content.rx-content h5{margin-top:24px}h5+.bq-content.rx-content h6,p+.bq-content.rx-content h6,dl+.bq-content.rx-content h6,pre+.bq-content.rx-content h6,address+.bq-content.rx-content h6,table+.bq-content.rx-content h6,blockquote+.bq-content.rx-content h6,ol+.bq-content.rx-content h6,ul+.bq-content.rx-content h6{margin-top:24px}.bq-content.rx-content h4 b,.bq-content.rx-content h4 strong,.bq-content.rx-content h5 b,.bq-content.rx-content h5 strong,.bq-content.rx-content h6 b,.bq-content.rx-content h6 strong{font-family:inherit;font-weight:calc(var(--font-weight-headers) + 200)}.bq-content.rx-content table{border-collapse:collapse;border-spacing:0;width:100%;empty-cells:show}.bq-content.rx-content table+*{margin-top:16px}.bq-content.rx-content td,.bq-content.rx-content th{text-align:left;vertical-align:top;font-size:95%;line-height:1.4;padding:.75em;border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent)}.bq-content.rx-content th{font-weight:normal}thead .bq-content.rx-content th{font-weight:var(--font-weight-bold)}.bq-content.rx-content dl+*{margin-top:16px}.bq-content.rx-content dt{font-weight:var(--font-weight-bold);font-size:16px;line-height:1.4}.bq-content.rx-content dd{font-size:16px;line-height:1.4}.bq-content.rx-content dd+dt{margin-top:.25em}.bq-content.rx-content address{font-style:normal}.bq-content.rx-content address+*{margin-top:16px}.bq-content.rx-content dfn,.bq-content.rx-content abbr,.bq-content.rx-content time,.bq-content.rx-content small,.bq-content.rx-content var,.bq-content.rx-content samp,.bq-content.rx-content kbd,.bq-content.rx-content code{font-size:16px}.bq-content.rx-content dfn[title],.bq-content.rx-content abbr[title]{letter-spacing:.01em;text-transform:uppercase;text-decoration:none;cursor:help;border-bottom:1px dotted color-mix(in srgb, var(--color-primary) 15%, transparent);border-top-color:color-mix(in srgb, var(--color-primary) 15%, transparent)}.bq-content.rx-content sup,.bq-content.rx-content sub{font-size:75%;line-height:0;margin-left:2px}.bq-content.rx-content sub{vertical-align:sub}.bq-content.rx-content sup{vertical-align:super}.bq-content.rx-content var,.bq-content.rx-content code,.bq-content.rx-content kbd,.bq-content.rx-content samp{display:inline-block;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-style:normal;line-height:1;vertical-align:baseline}.bq-content.rx-content samp,.bq-content.rx-content kbd,.bq-content.rx-content code{border-radius:var(--border-radius)}.bq-content.rx-content kbd{padding:.2em .4em;border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent)}.bq-content.rx-content code{position:relative;top:-1px;border:1px solid rgba(0,0,0,0);padding:.2em .4em}.bq-content.rx-content p{font-size:inherit;line-height:1.4}.bq-content.rx-content p+*{margin-top:16px}.bq-content.rx-content cite{font-style:normal}.bq-content.rx-content cite small,.bq-content.rx-content cite b,.bq-content.rx-content cite strong{font-style:normal}.bq-content.rx-content blockquote{font-style:normal;font-weight:normal;padding:0;background:rgba(0,0,0,0)}.bq-content.rx-content blockquote p{font-size:125%;line-height:1.4}.bq-content.rx-content blockquote p+p{margin-top:4px}.bq-content.rx-content blockquote cite{text-align:left;font-style:normal}.bq-content.rx-content blockquote+*{margin-top:16px}.bq-content.rx-content caption{text-align:left;font-style:normal}.bq-content.rx-content hr{position:relative;line-height:1;background:none;border:none;text-align:left;margin-top:1em;margin-bottom:1em;height:10px}.bq-content.rx-content hr::before{content:"";position:absolute;top:50%;width:100%;max-width:100%;margin-top:-0.5px;border-top-width:1px;border-top-style:solid}.bq-content.rx-content div+*{margin-top:24px}.bq-content.rx-content pre{overflow:auto;white-space:pre;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:90%;line-height:1.4;padding:1em;background:color-mix(in srgb, var(--color-primary) 50%, transparent)}.bq-content.rx-content pre code{padding:0;border:0;background:none;font-size:100%;display:block;line-height:inherit}.bq-content.rx-content pre+*{margin-top:16px}.bq-content.rx-content .embed-responsive{position:relative;padding:0;margin:0;padding-bottom:56.25%;padding-top:25px;height:0}:root{--btn-wrapper-display: flex;--button-height: auto;--button-width: var(--button-width-fw)}@media(min-width: 567px){:root{--btn-wrapper-display: inline-flex;--button-width: auto}}.btn{--button-arrow-animation: bounce 5.6s var(--button-arrow-animation-delay) var(--transition-function) infinite;--button-arrow-animation-delay: 5s;--button-arrow-indent: 0 0 0 10px;--button-arrow-transform: translateX(0);--button-background: none;--button-border-color: transparent;--button-indent: 0;--button-margin: var(--button-padding-y) 0;font-family:var(--font-body);font-size:var(--font-size-button);font-weight:var(--font-weight-button);white-space:nowrap;height:var(--button-height);width:var(--button-width);margin:var(--button-margin);padding:var(--button-indent);background:var(--button-background);text-decoration:none;border:1px solid var(--button-border-color);border-radius:var(--button-border-radius);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;line-height:1.25;transition:all var(--transition-duration) var(--transition-function)}.btn--primary{--button-background: var(--background-accent);--button-border-color: var(--background-accent);--button-color: var(--color-accent);--button-indent: var(--button-padding-y) var(--button-padding-x);--button-margin: 0;color:var(--button-color)}.btn--primary:hover{--button-color: var(--color-accent);opacity:.8}.btn--outlined{--button-background: transparent;--button-border-color: var(--color-outline);--button-color: var(--color-outline);--button-indent: var(--button-padding-y) var(--button-padding-x);--button-margin: 0;color:var(--button-color)}.btn--outlined:hover{opacity:.8}.btn svg{animation:var(--button-arrow-animation);margin:var(--button-arrow-indent);transform:var(--button-arrow-transform)}.btn path{fill:currentcolor}.btn:hover{--button-arrow-animation-delay: 1s}@keyframes bounce{0%{transform:translateX(0)}3.2%{transform:translateX(8px)}5.36%{transform:translateX(3px)}7.5%{transform:translateX(8px)}11%,100%{transform:translateX(0)}}[class*=__btn-wrapper]{width:var(--button-width);display:var(--btn-wrapper-display);vertical-align:top}[class*=__buttons]{width:var(--button-width)}bq-date-picker{--date-picker-background-color: var(--background-accent);--date-picker-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--date-picker-icon-color: var(--color-accent);--date-picker-text-color: var(--color-accent);--date-picker-border-radius: var(--button-border-radius);--date-picker-text-line-height: 1.4;--date-picker-text-size: clamp(14px, calc(var(--font-size-base) - 2px), 18px);--date-picker-text-weight: var(--font-weight-semibold);--date-picker-wrapper-padding: 16px 24px}.date-picker{min-height:60px}.social-networks{display:flex;flex-wrap:wrap;margin:0 calc(-1*var(--social-icon-spacing)) calc(-1*var(--social-icon-spacing));font-size:var(--social-size)}.social-networks__item{margin:0 var(--social-icon-spacing) var(--social-icon-spacing)}.social-networks__link{display:flex;align-items:center;justify-content:center;width:var(--button-width-xs);height:var(--button-height-xs);border-radius:var(--button-border-radius);background:color-mix(in srgb, var(--color-primary) 15%, transparent)}.social-networks__link:hover{opacity:1}
+@media(max-width: 991px){html:has(#header-opener-menu:checked),html:has(#header-opener-search:checked){overflow:clip}}body{--overlay-transition-duration: var(--transition-duration);--overlay-transition-delay: 50ms;--overlay-visibility: hidden}body::before{content:"";position:absolute;top:0;left:0;width:100vw;height:100%;z-index:1;pointer-events:none;background:color-mix(in srgb, var(--color-primary) 55%, transparent);visibility:var(--overlay-visibility);transition:visibility var(--overlay-transition-duration) var(--overlay-transition-delay) var(--transition-function)}@media(max-width: 991px){body:has(#header-opener-menu:checked),body:has(#header-opener-search:checked){overflow:clip}}body:has(#header-opener-menu:checked)::before,body:has(#header-opener-search:checked)::before{--overlay-transition-duration: 0s;--overlay-transition-delay: 0s;--overlay-visibility: visible}body:has(.menu__item.has-dropdown.active)::before,body:has(.menu__item.has-dropdown:hover)::before{--overlay-transition-duration: 0s;--overlay-transition-delay: 0s;--overlay-visibility: visible}body:not(:has(.header__inner--filled)) #main>section:first-child>[class*="--padding-top"]{--section-padding-top: calc(var(--padding-top-mobile, 20px) + var(--header-height, 65px) - var(--top-bar-height, 0px))}@media(min-width: 992px){body:not(:has(.header__inner--filled)) #main>section:first-child>[class*="--padding-top"]{--section-padding-top: calc(var(--padding-top-desktop, 40px) + var(--header-height, 65px) - var(--top-bar-height, 0px))}}#main>section:last-child{display:flex;flex-direction:column;flex-grow:1}#main>section:last-child>[class*=__wrapper],#main>section:last-child>[class^=__wrapper]{flex-grow:1}.preview-app #main:has(section:only-child){display:block}.header:not(#main:has(.header__inner--filled)) #main{margin-top:var(--preview-height, 0)}.bq-content.rx-content{font-family:var(--font-body);line-height:1.4;font-size:inherit}.bq-content.rx-content b,.bq-content.rx-content strong{font-weight:var(--font-weight-semibold)}.bq-content.rx-content a{color:var(--color-outline);transition:color var(--transition-duration) var(--transition-function)}h1 .bq-content.rx-content a,h2 .bq-content.rx-content a,h3 .bq-content.rx-content a,h4 .bq-content.rx-content a,h5 .bq-content.rx-content a,h6 .bq-content.rx-content a{text-decoration:none;color:var(--color-outline)}.bq-content.rx-content a:hover{opacity:.8}h1 .bq-content.rx-content a:hover,h2 .bq-content.rx-content a:hover,h3 .bq-content.rx-content a:hover,h4 .bq-content.rx-content a:hover,h5 .bq-content.rx-content a:hover,h6 .bq-content.rx-content a:hover{opacity:.8}.bq-content.rx-content ul{list-style:disc;margin-left:26px}.bq-content.rx-content ul+*{margin-top:16px}.bq-content.rx-content ol{list-style:decimal;margin-left:26px}.bq-content.rx-content ol+*{margin-top:16px}.bq-content.rx-content li{font-size:16px;line-height:1.4}.bq-content.rx-content li li{font-size:1em}.bq-content.rx-content h1,.bq-content.rx-content h2,.bq-content.rx-content h3,.bq-content.rx-content h4,.bq-content.rx-content h5,.bq-content.rx-content h6{font-family:var(--font-heading);font-size:16px;font-weight:var(--font-weight-headers);line-height:1.4;text-rendering:optimizelegibility;letter-spacing:0;color:var(--color-primary, #000)}.bq-content.rx-content h1+*,.bq-content.rx-content h2+*,.bq-content.rx-content h3+*,.bq-content.rx-content h4+*,.bq-content.rx-content h5+*,.bq-content.rx-content h6+*{margin-top:12px}.bq-content.rx-content h1{font-size:clamp(40px, calc(var(--font-size-h1) * 100vw / var(--max-width-value)), 100px);font-weight:var(--font-weight-h1);line-height:1.25}.bq-content.rx-content h1 b,.bq-content.rx-content h1 strong{font-family:inherit;font-weight:calc(var(--font-weight-h1) + 200)}.bq-content.rx-content h1:last-child{margin-bottom:0}.bq-content.rx-content h2{font-size:clamp(36px, calc(var(--font-size-h2) * 100vw / var(--max-width-value)), 76px);font-weight:var(--font-weight-h2);line-height:1.25}.bq-content.rx-content h2 b,.bq-content.rx-content h2 strong{font-family:inherit;font-weight:calc(var(--font-weight-h2) + 200)}h1+.bq-content.rx-content h2,p+.bq-content.rx-content h2,dl+.bq-content.rx-content h2,pre+.bq-content.rx-content h2,address+.bq-content.rx-content h2,table+.bq-content.rx-content h2,blockquote+.bq-content.rx-content h2,ol+.bq-content.rx-content h2,ul+.bq-content.rx-content h2{margin-top:24px}.bq-content.rx-content h2:last-child{margin-bottom:0}.bq-content.rx-content h3{font-size:clamp(32px, calc(var(--font-size-h3) * 100vw / var(--max-width-value)), 55px);font-weight:var(--font-weight-h3);line-height:1.25}.bq-content.rx-content h3 b,.bq-content.rx-content h3 strong{font-family:inherit;font-weight:calc(var(--font-weight-h3) + 200)}h2+.bq-content.rx-content h3,p+.bq-content.rx-content h3,dl+.bq-content.rx-content h3,pre+.bq-content.rx-content h3,address+.bq-content.rx-content h3,table+.bq-content.rx-content h3,blockquote+.bq-content.rx-content h3,ol+.bq-content.rx-content h3,ul+.bq-content.rx-content h3{margin-top:24px}.bq-content.rx-content h3:last-child{margin-bottom:0}h3+.bq-content.rx-content h4,p+.bq-content.rx-content h4,dl+.bq-content.rx-content h4,pre+.bq-content.rx-content h4,address+.bq-content.rx-content h4,table+.bq-content.rx-content h4,blockquote+.bq-content.rx-content h4,ol+.bq-content.rx-content h4,ul+.bq-content.rx-content h4{margin-top:24px}h4+.bq-content.rx-content h5,p+.bq-content.rx-content h5,dl+.bq-content.rx-content h5,pre+.bq-content.rx-content h5,address+.bq-content.rx-content h5,table+.bq-content.rx-content h5,blockquote+.bq-content.rx-content h5,ol+.bq-content.rx-content h5,ul+.bq-content.rx-content h5{margin-top:24px}h5+.bq-content.rx-content h6,p+.bq-content.rx-content h6,dl+.bq-content.rx-content h6,pre+.bq-content.rx-content h6,address+.bq-content.rx-content h6,table+.bq-content.rx-content h6,blockquote+.bq-content.rx-content h6,ol+.bq-content.rx-content h6,ul+.bq-content.rx-content h6{margin-top:24px}.bq-content.rx-content h4 b,.bq-content.rx-content h4 strong,.bq-content.rx-content h5 b,.bq-content.rx-content h5 strong,.bq-content.rx-content h6 b,.bq-content.rx-content h6 strong{font-family:inherit;font-weight:calc(var(--font-weight-headers) + 200)}.bq-content.rx-content table{border-collapse:collapse;border-spacing:0;width:100%;empty-cells:show}.bq-content.rx-content table+*{margin-top:16px}.bq-content.rx-content td,.bq-content.rx-content th{text-align:left;vertical-align:top;font-size:95%;line-height:1.4;padding:.75em;border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent)}.bq-content.rx-content th{font-weight:normal}thead .bq-content.rx-content th{font-weight:var(--font-weight-bold)}.bq-content.rx-content dl+*{margin-top:16px}.bq-content.rx-content dt{font-weight:var(--font-weight-bold);font-size:16px;line-height:1.4}.bq-content.rx-content dd{font-size:16px;line-height:1.4}.bq-content.rx-content dd+dt{margin-top:.25em}.bq-content.rx-content address{font-style:normal}.bq-content.rx-content address+*{margin-top:16px}.bq-content.rx-content dfn,.bq-content.rx-content abbr,.bq-content.rx-content time,.bq-content.rx-content small,.bq-content.rx-content var,.bq-content.rx-content samp,.bq-content.rx-content kbd,.bq-content.rx-content code{font-size:16px}.bq-content.rx-content dfn[title],.bq-content.rx-content abbr[title]{letter-spacing:.01em;text-transform:uppercase;text-decoration:none;cursor:help;border-bottom:1px dotted color-mix(in srgb, var(--color-primary) 15%, transparent);border-top-color:color-mix(in srgb, var(--color-primary) 15%, transparent)}.bq-content.rx-content sup,.bq-content.rx-content sub{font-size:75%;line-height:0;margin-left:2px}.bq-content.rx-content sub{vertical-align:sub}.bq-content.rx-content sup{vertical-align:super}.bq-content.rx-content var,.bq-content.rx-content code,.bq-content.rx-content kbd,.bq-content.rx-content samp{display:inline-block;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-style:normal;line-height:1;vertical-align:baseline}.bq-content.rx-content samp,.bq-content.rx-content kbd,.bq-content.rx-content code{border-radius:var(--border-radius)}.bq-content.rx-content kbd{padding:.2em .4em;border:1px solid color-mix(in srgb, var(--color-primary) 15%, transparent)}.bq-content.rx-content code{position:relative;top:-1px;border:1px solid rgba(0,0,0,0);padding:.2em .4em}.bq-content.rx-content p{font-size:inherit;line-height:1.4}.bq-content.rx-content p+*{margin-top:16px}.bq-content.rx-content cite{font-style:normal}.bq-content.rx-content cite small,.bq-content.rx-content cite b,.bq-content.rx-content cite strong{font-style:normal}.bq-content.rx-content blockquote{font-style:normal;font-weight:normal;padding:0;background:rgba(0,0,0,0)}.bq-content.rx-content blockquote p{font-size:125%;line-height:1.4}.bq-content.rx-content blockquote p+p{margin-top:4px}.bq-content.rx-content blockquote cite{text-align:left;font-style:normal}.bq-content.rx-content blockquote+*{margin-top:16px}.bq-content.rx-content caption{text-align:left;font-style:normal}.bq-content.rx-content hr{position:relative;line-height:1;background:none;border:none;text-align:left;margin-top:1em;margin-bottom:1em;height:10px}.bq-content.rx-content hr::before{content:"";position:absolute;top:50%;width:100%;max-width:100%;margin-top:-0.5px;border-top-width:1px;border-top-style:solid}.bq-content.rx-content div+*{margin-top:24px}.bq-content.rx-content pre{overflow:auto;white-space:pre;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:90%;line-height:1.4;padding:1em;background:color-mix(in srgb, var(--color-primary) 50%, transparent)}.bq-content.rx-content pre code{padding:0;border:0;background:none;font-size:100%;display:block;line-height:inherit}.bq-content.rx-content pre+*{margin-top:16px}.bq-content.rx-content .embed-responsive{position:relative;padding:0;margin:0;padding-bottom:56.25%;padding-top:25px;height:0}:root{--btn-wrapper-display: flex;--button-height: auto;--button-width: var(--button-width-fw)}@media(min-width: 567px){:root{--btn-wrapper-display: inline-flex;--button-width: auto}}.btn{--button-arrow-animation: bounce 5.6s var(--button-arrow-animation-delay) var(--transition-function) infinite;--button-arrow-animation-delay: 5s;--button-arrow-indent: 0 0 0 10px;--button-arrow-transform: translateX(0);--button-background: none;--button-border-color: transparent;--button-indent: 0;--button-margin: var(--button-padding-y) 0;font-family:var(--font-body);font-size:var(--font-size-button);font-weight:var(--font-weight-button);white-space:nowrap;height:var(--button-height);width:var(--button-width);margin:var(--button-margin);padding:var(--button-indent);background:var(--button-background);text-decoration:none;border:1px solid var(--button-border-color);border-radius:var(--button-border-radius);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;line-height:1.25;transition:all var(--transition-duration) var(--transition-function)}.btn--primary{--button-background: var(--background-accent);--button-border-color: var(--background-accent);--button-color: var(--color-accent);--button-indent: var(--button-padding-y) var(--button-padding-x);--button-margin: 0;color:var(--button-color)}.btn--primary:hover{--button-color: var(--color-accent);opacity:.8}.btn--outlined{--button-background: transparent;--button-border-color: var(--color-outline);--button-color: var(--color-outline);--button-indent: var(--button-padding-y) var(--button-padding-x);--button-margin: 0;color:var(--button-color)}.btn--outlined:hover{opacity:.8}.btn svg{animation:var(--button-arrow-animation);margin:var(--button-arrow-indent);transform:var(--button-arrow-transform)}.btn path{fill:currentcolor}.btn:hover{--button-arrow-animation-delay: 1s}@keyframes bounce{0%{transform:translateX(0)}3.2%{transform:translateX(8px)}5.36%{transform:translateX(3px)}7.5%{transform:translateX(8px)}11%,100%{transform:translateX(0)}}[class*=__btn-wrapper]{width:var(--button-width);display:var(--btn-wrapper-display);vertical-align:top}[class*=__buttons]{width:var(--button-width)}bq-date-picker{--date-picker-background-color: var(--background-accent);--date-picker-border-color: color-mix(in srgb, var(--color-primary) 15%, transparent);--date-picker-icon-color: var(--color-accent);--date-picker-text-color: var(--color-accent);--date-picker-border-radius: var(--button-border-radius);--date-picker-text-line-height: 1.4;--date-picker-text-size: clamp(14px, calc(var(--font-size-base) - 2px), 18px);--date-picker-text-weight: var(--font-weight-semibold);--date-picker-wrapper-padding: 16px 24px}.date-picker{min-height:60px}.social-networks{display:flex;flex-wrap:wrap;margin:0 calc(-1*var(--social-icon-spacing)) calc(-1*var(--social-icon-spacing));font-size:var(--social-size)}.social-networks__item{margin:0 var(--social-icon-spacing) var(--social-icon-spacing)}.social-networks__link{display:flex;align-items:center;justify-content:center;width:var(--button-width-xs);height:var(--button-height-xs);border-radius:var(--button-border-radius);background:color-mix(in srgb, var(--color-primary) 15%, transparent)}.social-networks__link:hover{opacity:1}
diff --git a/assets/spacer.css b/assets/spacer.css
new file mode 100644
index 0000000..72d95cb
--- /dev/null
+++ b/assets/spacer.css
@@ -0,0 +1 @@
+.spacer__wrapper{--spacer-height: var(--spacer-height-mobile, 32px);height:var(--spacer-height);background:var(--background-primary, #fff)}@media(min-width: 992px){.spacer__wrapper{--spacer-height: var(--spacer-height-desktop, 32px)}}.spacer__wrapper--preview{position:relative;margin:16px;border-radius:var(--border-radius-block);background-image:repeating-linear-gradient(315deg, var(--background-primary, #fff), var(--background-primary, #fff) 6px, color-mix(in srgb, var(--color-primary) 15%, transparent) 6px, color-mix(in srgb, var(--color-primary) 15%, transparent) 7px) !important}.spacer__wrapper--preview span{display:inline-block;position:absolute;top:50%;left:6px;transform:translateY(-50%);padding:4px 6px;background-color:var(--background-primary, #fff);color:var(--color-primary, #000)}
diff --git a/sections/spacer.liquid b/sections/spacer.liquid
new file mode 100644
index 0000000..125e177
--- /dev/null
+++ b/sections/spacer.liquid
@@ -0,0 +1,100 @@
+{%- assign color_scheme = section.settings.color_scheme -%}
+{%- assign size_desktop = section.settings.size_desktop -%}
+{%- assign size_mobile = section.settings.size_mobile -%}
+
+{% comment %} CSS variables start {% endcomment %}
+{%- capture variables -%}
+ {%- case size_desktop -%}
+ {%- when 'md' -%}
+ --spacer-height-desktop: 50px;
+ {%- when 'lg' -%}
+ --spacer-height-desktop: 80px;
+ {%- endcase -%}
+
+ {%- case size_mobile -%}
+ {%- when 'md' -%}
+ --spacer-height-mobile: 50px;
+ {%- when 'lg' -%}
+ --spacer-height-mobile: 80px;
+ {%- endcase -%}
+{%- endcapture -%}
+{% comment %} CSS variables end {% endcomment %}
+
+
+ {% if section_preview %}
+ This section will render an empty space
+ {% endif %}
+
+
+{% schema %}
+ {
+ "name": "Spacer",
+ "tag": "section",
+ "class": "spacer",
+ "css_assets": [
+ {
+ "file": "spacer.css"
+ }
+ ],
+ "settings": [
+ {
+ "type": "header",
+ "content": "General settings"
+ },
+ {
+ "type": "color_scheme",
+ "id": "color_scheme",
+ "label": "Color scheme",
+ "default": "set-1"
+ },
+ {
+ "type": "header",
+ "content": "Desktop settings"
+ },
+ {
+ "type": "select",
+ "id": "size_desktop",
+ "label": "Size",
+ "options": [
+ {
+ "value": "sm",
+ "label": "Small"
+ },
+ {
+ "value": "md",
+ "label": "Medium"
+ },
+ {
+ "value": "lg",
+ "label": "Large"
+ }
+ ],
+ "default": "md"
+ },
+ {
+ "type": "header",
+ "content": "Mobile settings"
+ },
+ {
+ "type": "select",
+ "id": "size_mobile",
+ "label": "Size",
+ "options": [
+ {
+ "value": "sm",
+ "label": "Small"
+ },
+ {
+ "value": "md",
+ "label": "Medium"
+ },
+ {
+ "value": "lg",
+ "label": "Large"
+ }
+ ],
+ "default": "md"
+ }
+ ]
+ }
+{% endschema %}
diff --git a/src/scss/_base/_base.scss b/src/scss/_base/_base.scss
index a368c6d..5ccb33e 100644
--- a/src/scss/_base/_base.scss
+++ b/src/scss/_base/_base.scss
@@ -60,7 +60,7 @@ body {
#main {
> section {
&:first-child {
- > [class*="__wrapper"] {
+ > [class*="--padding-top"] {
--section-padding-top: calc(var(--padding-top-mobile, 20px) + #{$header-height} - var(--top-bar-height, 0px));
@include media-up(md) {
diff --git a/src/scss/spacer.scss b/src/scss/spacer.scss
new file mode 100644
index 0000000..a740ad9
--- /dev/null
+++ b/src/scss/spacer.scss
@@ -0,0 +1,42 @@
+// Import variables
+@use 'variables' as *;
+
+// Import mixins
+@use '_helpers/mixins' as *;
+
+.spacer {
+ &__wrapper {
+ --spacer-height: var(--spacer-height-mobile, 32px);
+
+ height: var(--spacer-height);
+ background: $background-primary;
+
+ @include media-up(md) {
+ --spacer-height: var(--spacer-height-desktop, 32px);
+ }
+
+ &--preview {
+ position: relative;
+ margin: 16px;
+ border-radius: $border-radius-block;
+ background-image: repeating-linear-gradient(
+ 315deg,
+ $background-primary,
+ $background-primary 6px,
+ $color-border 6px,
+ $color-border 7px
+ ) !important;
+
+ span {
+ display: inline-block;
+ position: absolute;
+ top: 50%;
+ left: 6px;
+ transform: translateY(-50%);
+ padding: 4px 6px;
+ background-color: $background-primary;
+ color: $color-primary;
+ }
+ }
+ }
+}
diff --git a/src/sections/spacer.liquid b/src/sections/spacer.liquid
new file mode 100644
index 0000000..125e177
--- /dev/null
+++ b/src/sections/spacer.liquid
@@ -0,0 +1,100 @@
+{%- assign color_scheme = section.settings.color_scheme -%}
+{%- assign size_desktop = section.settings.size_desktop -%}
+{%- assign size_mobile = section.settings.size_mobile -%}
+
+{% comment %} CSS variables start {% endcomment %}
+{%- capture variables -%}
+ {%- case size_desktop -%}
+ {%- when 'md' -%}
+ --spacer-height-desktop: 50px;
+ {%- when 'lg' -%}
+ --spacer-height-desktop: 80px;
+ {%- endcase -%}
+
+ {%- case size_mobile -%}
+ {%- when 'md' -%}
+ --spacer-height-mobile: 50px;
+ {%- when 'lg' -%}
+ --spacer-height-mobile: 80px;
+ {%- endcase -%}
+{%- endcapture -%}
+{% comment %} CSS variables end {% endcomment %}
+
+
+ {% if section_preview %}
+ This section will render an empty space
+ {% endif %}
+
+
+{% schema %}
+ {
+ "name": "Spacer",
+ "tag": "section",
+ "class": "spacer",
+ "css_assets": [
+ {
+ "file": "spacer.css"
+ }
+ ],
+ "settings": [
+ {
+ "type": "header",
+ "content": "General settings"
+ },
+ {
+ "type": "color_scheme",
+ "id": "color_scheme",
+ "label": "Color scheme",
+ "default": "set-1"
+ },
+ {
+ "type": "header",
+ "content": "Desktop settings"
+ },
+ {
+ "type": "select",
+ "id": "size_desktop",
+ "label": "Size",
+ "options": [
+ {
+ "value": "sm",
+ "label": "Small"
+ },
+ {
+ "value": "md",
+ "label": "Medium"
+ },
+ {
+ "value": "lg",
+ "label": "Large"
+ }
+ ],
+ "default": "md"
+ },
+ {
+ "type": "header",
+ "content": "Mobile settings"
+ },
+ {
+ "type": "select",
+ "id": "size_mobile",
+ "label": "Size",
+ "options": [
+ {
+ "value": "sm",
+ "label": "Small"
+ },
+ {
+ "value": "md",
+ "label": "Medium"
+ },
+ {
+ "value": "lg",
+ "label": "Large"
+ }
+ ],
+ "default": "md"
+ }
+ ]
+ }
+{% endschema %}