formstone
Version:
Library of modular front end components.
2 lines • 29.1 kB
CSS
/*! formstone v2.1.3 [index.css] 2025-06-12 | GPL-3.0 License | formstone.it */
.fs-background{--fs-background-duration:0.15s;position:relative}@media (prefers-reduced-motion){.fs-background{--fs-background-duration:0s}}.fs-background,.fs-background-container,.fs-background-media{-webkit-transition:none;transition:none}.fs-background-container{display:grid;grid-template-areas:'fs-background-stack';width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.fs-background-media{grid-area:fs-background-stack;min-height:0;min-width:0;z-index:1;background-position:center;background-size:cover;opacity:0;-webkit-transition:opacity var(--fs-background-duration) linear;transition:opacity var(--fs-background-duration) linear}.fs-background-media iframe,.fs-background-media img,.fs-background-media video{width:100%;height:100%;display:block;-webkit-user-drag:none}.fs-background-media video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.fs-background-media iframe{z-index:0}.fs-background-image,.fs-background-video{width:100%;height:100%}.fs-background-embed{aspect-ratio:16/9;-ms-flex-item-align:center;align-self:center;justify-self:center;min-height:100%;min-width:100%}.fs-background-embed:after{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:''}.fs-checkpoint{--fs-checkpoint-duration:0.5s;--fs-checkpoint-offset:50px;--fs-checkpoint-scale-in:0.5;--fs-checkpoint-scale-out:1.25;--fs-checkpoint-rotate:90deg;--fs-checkpoint-perspective:3000px}@media (prefers-reduced-motion){.fs-checkpoint{--fs-checkpoint-duration:0s}}[data-checkpoint-animation=fade-down],[data-checkpoint-animation=fade-in],[data-checkpoint-animation=fade-left],[data-checkpoint-animation=fade-right],[data-checkpoint-animation=fade-up]{opacity:0;-webkit-transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease,-webkit-transform var(--fs-checkpoint-duration) ease}[data-checkpoint-animation=fade-down].fs-checkpoint-active,[data-checkpoint-animation=fade-in].fs-checkpoint-active,[data-checkpoint-animation=fade-left].fs-checkpoint-active,[data-checkpoint-animation=fade-right].fs-checkpoint-active,[data-checkpoint-animation=fade-up].fs-checkpoint-active{opacity:1}[data-checkpoint-animation=fade-up]{-webkit-transform:translateY(var(--fs-checkpoint-offset));transform:translateY(var(--fs-checkpoint-offset))}[data-checkpoint-animation=fade-down]{-webkit-transform:translateY(calc(var(--fs-checkpoint-offset) * -1));transform:translateY(calc(var(--fs-checkpoint-offset) * -1))}[data-checkpoint-animation=fade-down].fs-checkpoint-active,[data-checkpoint-animation=fade-up].fs-checkpoint-active{-webkit-transform:translateY(0);transform:translateY(0)}[data-checkpoint-animation=fade-left]{-webkit-transform:translateX(calc(var(--fs-checkpoint-offset) * -1));transform:translateX(calc(var(--fs-checkpoint-offset) * -1))}[data-checkpoint-animation=fade-right]{-webkit-transform:translateX(var(--fs-checkpoint-offset));transform:translateX(var(--fs-checkpoint-offset))}[data-checkpoint-animation=fade-left].fs-checkpoint-active,[data-checkpoint-animation=fade-right].fs-checkpoint-active{-webkit-transform:translateX(0);transform:translateX(0)}[data-checkpoint-animation=zoom-in-down],[data-checkpoint-animation=zoom-in-left],[data-checkpoint-animation=zoom-in-right],[data-checkpoint-animation=zoom-in-up],[data-checkpoint-animation=zoom-in]{opacity:0;-webkit-transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease,-webkit-transform var(--fs-checkpoint-duration) ease}[data-checkpoint-animation=zoom-in-down].fs-checkpoint-active,[data-checkpoint-animation=zoom-in-left].fs-checkpoint-active,[data-checkpoint-animation=zoom-in-right].fs-checkpoint-active,[data-checkpoint-animation=zoom-in-up].fs-checkpoint-active,[data-checkpoint-animation=zoom-in].fs-checkpoint-active{opacity:1}[data-checkpoint-animation=zoom-in]{-webkit-transform:translateY(0) scale(var(--fs-checkpoint-scale-in));transform:translateY(0) scale(var(--fs-checkpoint-scale-in))}[data-checkpoint-animation=zoom-in-up]{-webkit-transform:translateY(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-in));transform:translateY(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-in))}[data-checkpoint-animation=zoom-in-down]{-webkit-transform:translateY(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-in));transform:translateY(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-in))}[data-checkpoint-animation=zoom-in-down].fs-checkpoint-active,[data-checkpoint-animation=zoom-in-up].fs-checkpoint-active,[data-checkpoint-animation=zoom-in].fs-checkpoint-active{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}[data-checkpoint-animation=zoom-in-left]{-webkit-transform:translateX(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-in));transform:translateX(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-in))}[data-checkpoint-animation=zoom-in-right]{-webkit-transform:translateX(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-in));transform:translateX(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-in))}[data-checkpoint-animation=zoom-in-left].fs-checkpoint-active,[data-checkpoint-animation=zoom-in-right].fs-checkpoint-active{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}[data-checkpoint-animation=zoom-out-down],[data-checkpoint-animation=zoom-out-left],[data-checkpoint-animation=zoom-out-right],[data-checkpoint-animation=zoom-out-up],[data-checkpoint-animation=zoom-out]{opacity:0;-webkit-transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease,-webkit-transform var(--fs-checkpoint-duration) ease}[data-checkpoint-animation=zoom-out-down].fs-checkpoint-active,[data-checkpoint-animation=zoom-out-left].fs-checkpoint-active,[data-checkpoint-animation=zoom-out-right].fs-checkpoint-active,[data-checkpoint-animation=zoom-out-up].fs-checkpoint-active,[data-checkpoint-animation=zoom-out].fs-checkpoint-active{opacity:1}[data-checkpoint-animation=zoom-out]{-webkit-transform:translateY(0) scale(var(--fs-checkpoint-scale-out));transform:translateY(0) scale(var(--fs-checkpoint-scale-out))}[data-checkpoint-animation=zoom-out-up]{-webkit-transform:translateY(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-out));transform:translateY(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-out))}[data-checkpoint-animation=zoom-out-down]{-webkit-transform:translateY(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-out));transform:translateY(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-out))}[data-checkpoint-animation=zoom-out-down].fs-checkpoint-active,[data-checkpoint-animation=zoom-out-up].fs-checkpoint-active,[data-checkpoint-animation=zoom-out].fs-checkpoint-active{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}[data-checkpoint-animation=zoom-out-left]{-webkit-transform:translateX(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-out));transform:translateX(calc(var(--fs-checkpoint-offset) * -1)) scale(var(--fs-checkpoint-scale-out))}[data-checkpoint-animation=zoom-out-right]{-webkit-transform:translateX(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-out));transform:translateX(var(--fs-checkpoint-offset)) scale(var(--fs-checkpoint-scale-out))}[data-checkpoint-animation=zoom-out-left].fs-checkpoint-active,[data-checkpoint-animation=zoom-out-right].fs-checkpoint-active{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}[data-checkpoint-animation=flip-down],[data-checkpoint-animation=flip-left],[data-checkpoint-animation=flip-right],[data-checkpoint-animation=flip-up]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,-webkit-transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease;transition:opacity var(--fs-checkpoint-duration) linear,transform var(--fs-checkpoint-duration) ease,-webkit-transform var(--fs-checkpoint-duration) ease}[data-checkpoint-animation=flip-up]{-webkit-transform:perspective(var(--fs-checkpoint-perspective)) rotateX(calc(var(--fs-checkpoint-rotate) * -1));transform:perspective(var(--fs-checkpoint-perspective)) rotateX(calc(var(--fs-checkpoint-rotate) * -1))}[data-checkpoint-animation=flip-down]{-webkit-transform:perspective(var(--fs-checkpoint-perspective)) rotateX(var(--fs-checkpoint-rotate));transform:perspective(var(--fs-checkpoint-perspective)) rotateX(var(--fs-checkpoint-rotate))}[data-checkpoint-animation=flip-down].fs-checkpoint-active,[data-checkpoint-animation=flip-up].fs-checkpoint-active{-webkit-transform:perspective(var(--fs-checkpoint-perspective)) rotateX(0);transform:perspective(var(--fs-checkpoint-perspective)) rotateX(0)}[data-checkpoint-animation=flip-left]{-webkit-transform:perspective(var(--fs-checkpoint-perspective)) rotateY(var(--fs-checkpoint-rotate));transform:perspective(var(--fs-checkpoint-perspective)) rotateY(var(--fs-checkpoint-rotate))}[data-checkpoint-animation=flip-right]{-webkit-transform:perspective(var(--fs-checkpoint-perspective)) rotateY(calc(var(--fs-checkpoint-rotate) * -1));transform:perspective(var(--fs-checkpoint-perspective)) rotateY(calc(var(--fs-checkpoint-rotate) * -1))}[data-checkpoint-animation=flip-left].fs-checkpoint-active,[data-checkpoint-animation=flip-right].fs-checkpoint-active{-webkit-transform:perspective(var(--fs-checkpoint-perspective)) rotateY(0);transform:perspective(var(--fs-checkpoint-perspective)) rotateY(0)}.fs-lightbox{--fs-lightbox-duration:0.25s;--fs-lightbox-timing:linear;--fs-lightbox-overlay-bg:rgba(0, 0, 0, 0.9);--fs-lightbox-loading-color:#fff;--fs-lightbox-loading-size:40px;--fs-lightbox-loading-spread:5px;--fs-lightbox-loading-duration:0.75s;--fs-lightbox-item-duration:0.25s;--fs-lightbox-item-timing:ease;--fs-lightbox-details-bg:rgba(0, 0, 0, 0.6);--fs-lightbox-details-color:#fff;--fs-lightbox-details-font:16px/1.4 sans-serif;--fs-lightbox-details-padding:calc(env(safe-area-inset-top, 0px) + 40px) calc(env(safe-area-inset-top, 0px) + 60px) calc(env(safe-area-inset-bottom, 0px) + 40px);--fs-lightbox-details-gap:10px;--fs-lightbox-button-background:rgba(0, 0, 0, 0.8);--fs-lightbox-button-color:#fff;height:100vh;width:100vw;z-index:999;opacity:0;-webkit-transition:opacity var(--fs-lightbox-duration) var(--fs-lightbox-timing);transition:opacity var(--fs-lightbox-duration) var(--fs-lightbox-timing)}@media (prefers-reduced-motion){.fs-lightbox{--fs-lightbox-duration:0s;--fs-lightbox-loading-duration:0s;--fs-lightbox-item-duration:0s}}.fs-lightbox,.fs-lightbox *{-webkit-box-sizing:border-box;box-sizing:border-box}.fs-lightbox-open{opacity:1}.fs-lightbox,.fs-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0}.fs-lightbox-overlay{z-index:0;background:var(--fs-lightbox-overlay-bg)}.fs-lightbox-sr{width:1px ;height:1px ;position:absolute ;border-width:0 ;clip:rect(0,0,0,0) ;margin:-1px ;overflow:hidden ;padding:0 ;white-space:nowrap }.fs-lightbox-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-lightbox-container.fs-lightbox-touching{cursor:-webkit-grabbing;cursor:grabbing}.fs-lightbox-item{position:absolute;top:env(safe-area-inset-top,0);right:env(safe-area-inset-right,0);bottom:env(safe-area-inset-bottom,0);left:env(safe-area-inset-left,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing),-webkit-transform var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing);transition:opacity var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing),-webkit-transform var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing);transition:opacity var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing),transform var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing);transition:opacity var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing),transform var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing),-webkit-transform var(--fs-lightbox-item-duration) var(--fs-lightbox-item-timing);-webkit-transform:none;transform:none}.fs-lightbox-item_previous{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.fs-lightbox-item_next{-webkit-transform:translate(100%,0);transform:translate(100%,0)}.fs-lightbox-item.fs-lightbox-active.fs-lightbox-loaded{opacity:1}.fs-lightbox-rtl .fs-lightbox-item_previous{-webkit-transform:translate(100%,0);transform:translate(100%,0)}.fs-lightbox-rtl .fs-lightbox-item_next{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}.fs-lightbox-container.fs-lightbox-touching .fs-lightbox-item{-webkit-transition:none;transition:none}.fs-lightbox-wrap{max-height:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.fs-lightbox-media{height:auto;width:auto;max-height:100%;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fs-lightbox-media_video{max-width:1200px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.fs-lightbox-media_image img{height:auto;width:auto;min-width:200px;max-height:100%;max-width:100%;border:none;display:block;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.fs-lightbox-video{position:relative;width:100%}.fs-lightbox-video iframe{aspect-ratio:16/9;width:100%;background:#000}.fs-lightbox-iframe iframe{height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));background:#000}.fs-lightbox-element{max-width:100%;max-height:100%;overflow:auto}.fs-lightbox-details{display:grid;grid-template-columns:1fr;gap:var(--fs-lightbox-details-gap);position:absolute;right:0;bottom:0;left:0;z-index:2;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(var(--fs-lightbox-details-bg)));background:linear-gradient(to bottom,transparent,var(--fs-lightbox-details-bg));color:var(--fs-lightbox-details-color);font:var(--fs-lightbox-details-font);opacity:0;padding:var(--fs-lightbox-details-padding);-webkit-transition:opacity 1ms var(--fs-lightbox-item-timing) 0s;transition:opacity 1ms var(--fs-lightbox-item-timing) 0s;pointer-events:none}.fs-lightbox-details *{pointer-events:all}.fs-lightbox-item.fs-lightbox-active .fs-lightbox-details{opacity:1;-webkit-transition-delay:var(--fs-lightbox-item-duration);transition-delay:var(--fs-lightbox-item-duration);-webkit-transition-duration:var(--fs-lightbox-item-duration);transition-duration:var(--fs-lightbox-item-duration)}.fs-lightbox-container.fs-lightbox-touching .fs-lightbox-item.fs-lightbox-active .fs-lightbox-details{opacity:0;-webkit-transition-delay:1ms;transition-delay:1ms;-webkit-transition-duration:0s;transition-duration:0s}.fs-lightbox-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;position:absolute;top:env(safe-area-inset-top,0);right:env(safe-area-inset-right,0);z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fs-lightbox-button-background);border:none;color:var(--fs-lightbox-button-color);cursor:pointer;padding:0}.fs-lightbox-close svg{width:30px}.fs-lightbox:not(.fs-lightbox-gallery) .fs-lightbox-control{display:none}.fs-lightbox-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;position:absolute;top:env(safe-area-inset-top,0);bottom:env(safe-area-inset-bottom,0);z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fs-lightbox-button-background);border:none;color:var(--fs-lightbox-button-color);margin:auto;padding:0;opacity:.5;-webkit-transition:opacity var(--fs-lightbox-duration) var(--fs-lightbox-timing);transition:opacity var(--fs-lightbox-duration) var(--fs-lightbox-timing)}@media screen and (max-width:739px){.fs-lightbox-control{top:auto}}.fs-lightbox-control_previous{left:0}.fs-lightbox-control_next{right:0}.fs-lightbox-control svg{width:28px}.fs-lightbox-rtl .fs-lightbox-control svg{-webkit-transform:scale(-1);transform:scale(-1)}.fs-lightbox-rtl .fs-lightbox-control_previous{left:unset;right:0}.fs-lightbox-rtl .fs-lightbox-control_next{right:unset;left:0}.fs-lightbox-control:not([disabled]){cursor:pointer;opacity:1}.fs-lightbox-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--fs-lightbox-loading-size);width:var(--fs-lightbox-loading-size);position:fixed;top:0;right:0;bottom:0;left:0;-webkit-animation:fs-lightbox-loading-spin var(--fs-lightbox-loading-duration) linear infinite;animation:fs-lightbox-loading-spin var(--fs-lightbox-loading-duration) linear infinite;border:var(--fs-lightbox-loading-spread) solid transparent;border-top-color:var(--fs-lightbox-loading-color);border-radius:100%;margin:auto;opacity:0;-webkit-transition:opacity var(--fs-lightbox-duration) var(--fs-lightbox-timing);transition:opacity var(--fs-lightbox-duration) var(--fs-lightbox-timing)}.fs-lightbox-loading.fs-lightbox-visible{opacity:1}@-webkit-keyframes fs-lightbox-loading-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fs-lightbox-loading-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fs-modal{--fs-modal-duration:0.25s;--fs-modal-timing:linear;--fs-modal-overlay-bg:rgba(0, 0, 0, 0.9);--fs-modal-container-bg:#fff;--fs-modal-button-background:#fff;--fs-modal-button-color:#000;height:100vh;width:100vw;z-index:999;opacity:0;-webkit-transition:opacity var(--fs-modal-duration) var(--fs-modal-timing);transition:opacity var(--fs-modal-duration) var(--fs-modal-timing)}@media (prefers-reduced-motion){.fs-modal{--fs-modal-duration:0s;--fs-modal-loading-duration:0s;--fs-modal-item-duration:0s}}.fs-modal,.fs-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}.fs-modal-open{opacity:1}.fs-modal,.fs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0}.fs-modal-overlay{z-index:0;background:var(--fs-modal-overlay-bg)}.fs-modal-sr{width:1px ;height:1px ;position:absolute ;border-width:0 ;clip:rect(0,0,0,0) ;margin:-1px ;overflow:hidden ;padding:0 ;white-space:nowrap }.fs-modal-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-modal-wrap{max-width:100%;max-height:100%;position:relative;background:var(--fs-modal-container-bg);overflow:auto}.fs-modal-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;position:absolute;top:env(safe-area-inset-top,0);right:env(safe-area-inset-right,0);z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--fs-modal-button-background);border:none;color:var(--fs-modal-button-color);cursor:pointer;padding:0}.fs-modal-close svg{width:30px}.fs-navigation{-webkit-box-sizing:border-box;box-sizing:border-box}.fs-navigation,.fs-navigation-content{--fs-navigation-offscreen-background:#fff;--fs-navigation-offscreen-width:80vw;--fs-navigation-offscreen-zindex:0;--fs-navigation-offscreen-duration:0.2s;--fs-navigation-offscreen-timing:ease;--fs-navigation-overlay-zindex:3;--fs-navigation-overlay-content-background:rgba(0, 0, 0, 0.8);--fs-navigation-overlay-content-zindex:2;--fs-navigation-push-zindex:0;--fs-navigation-push-content-zindex:1}@media (prefers-reduced-motion){.fs-navigation,.fs-navigation-content{--fs-navigation-offscreen-duration:0s}}.fs-navigation-toggle-nav.fs-navigation-enabled:not(.fs-navigation-open){display:none}.fs-navigation-toggle-handle.fs-navigation-enabled{width:100%;cursor:pointer;display:block}.fs-navigation-overlay-nav.fs-navigation-enabled,.fs-navigation-push-nav.fs-navigation-enabled,.fs-navigation-reveal-nav.fs-navigation-enabled{width:var(--fs-navigation-offscreen-width);height:calc(100% + 60px);position:fixed;top:0;background:var(--fs-navigation-offscreen-background);display:block;overflow-y:scroll;visibility:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain}.fs-navigation-reveal-nav.fs-navigation-animated{-webkit-transition:visibility 1ms linear var(--fs-navigation-offscreen-duration);transition:visibility 1ms linear var(--fs-navigation-offscreen-duration)}.fs-navigation-overlay-nav.fs-navigation-animated,.fs-navigation-push-nav.fs-navigation-animated{-webkit-transition:visibility 1ms linear var(--fs-navigation-offscreen-duration),-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:visibility 1ms linear var(--fs-navigation-offscreen-duration),-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),visibility 1ms linear var(--fs-navigation-offscreen-duration);transition:transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),visibility 1ms linear var(--fs-navigation-offscreen-duration),-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing)}.fs-navigation-push-nav.fs-navigation-enabled,.fs-navigation-reveal-nav.fs-navigation-enabled{z-index:var(--fs-navigation-push-zindex)}.fs-navigation-overlay-left-nav.fs-navigation-enabled,.fs-navigation-push-left-nav.fs-navigation-enabled,.fs-navigation-reveal-left-nav.fs-navigation-enabled{left:0}.fs-navigation-overlay-right-nav.fs-navigation-enabled,.fs-navigation-push-right-nav.fs-navigation-enabled,.fs-navigation-reveal-right-nav.fs-navigation-enabled{right:0}.fs-navigation-overlay-left-nav.fs-navigation-enabled,.fs-navigation-push-left-nav.fs-navigation-enabled{-webkit-transform:translate3d(calc(var(--fs-navigation-offscreen-width) * -1),0,0);transform:translate3d(calc(var(--fs-navigation-offscreen-width) * -1),0,0)}.fs-navigation-overlay-right-nav.fs-navigation-enabled,.fs-navigation-push-right-nav.fs-navigation-enabled{-webkit-transform:translate3d(var(--fs-navigation-offscreen-width),0,0);transform:translate3d(var(--fs-navigation-offscreen-width),0,0)}.fs-navigation-overlay-nav.fs-navigation-enabled{z-index:var(--fs-navigation-overlay-zindex)}.fs-navigation-reveal-nav.fs-navigation-open{visibility:visible;-webkit-transition:visibility 1ms linear;transition:visibility 1ms linear}.fs-navigation-overlay-nav.fs-navigation-open,.fs-navigation-push-nav.fs-navigation-open{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:visibility 1ms linear,-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:visibility 1ms linear,-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),visibility 1ms linear;transition:transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),visibility 1ms linear,-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);visibility:visible}.fs-navigation-overlay-handle.fs-navigation-enabled,.fs-navigation-push-handle.fs-navigation-enabled{cursor:pointer;display:block}.fs-navigation-overlay-content:before{width:100%;height:100%;height:calc(100% + 60px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--fs-navigation-overlay-content-zindex);background:var(--fs-navigation-overlay-content-background);content:'';display:block;opacity:0;overflow-y:scroll;-ms-scroll-chaining:none;overscroll-behavior:contain;-webkit-transition:background var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),opacity var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),visibility var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:background var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),opacity var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),visibility var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);visibility:hidden}.fs-navigation-overlay-content.fs-navigation-open:before{opacity:1;visibility:visible}.fs-navigation-push-content.fs-navigation-enabled,.fs-navigation-reveal-content.fs-navigation-enabled{position:relative;z-index:var(--fs-navigation-push-content-zindex);display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fs-navigation-push-content.fs-navigation-animated,.fs-navigation-reveal-content.fs-navigation-animated{-webkit-transition:-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing);transition:transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing),-webkit-transform var(--fs-navigation-offscreen-duration) var(--fs-navigation-offscreen-timing)}.fs-navigation-push-left-content.fs-navigation-open,.fs-navigation-reveal-left-content.fs-navigation-open{-webkit-transform:translate3d(var(--fs-navigation-offscreen-width),0,0);transform:translate3d(var(--fs-navigation-offscreen-width),0,0)}.fs-navigation-push-right-content.fs-navigation-open,.fs-navigation-reveal-right-content.fs-navigation-open{-webkit-transform:translate3d(calc(var(--fs-navigation-offscreen-width) * -1),0,0);transform:translate3d(calc(var(--fs-navigation-offscreen-width) * -1),0,0)}.fs-tabs-tab.fs-tabs-enabled,.fs-tabs-tab_mobile.fs-tabs-enabled{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.fs-tabs-content.fs-tabs-enabled{-webkit-box-sizing:border-box;box-sizing:border-box;display:none}.fs-tabs-content.fs-tabs-active{display:block}.fs-tabs-tab_mobile.fs-tabs-mobile{-webkit-appearance:none;-moz-appearance:none;appearance:none}.fs-tabs-tab.fs-tabs-mobile,.fs-tabs-tab_mobile,.fs-tabs-tab_mobile.fs-tabs-active{display:none}.fs-tabs-tab_mobile.fs-tabs-mobile,.fs-tabs-tab_mobile.fs-tabs-mobile.fs-tabs-active{display:block}