.of-banner-slot[hidden]{display:none!important}.of-banner-slot{width:100%;margin:20px auto;max-width:1440px;padding:0 20px;box-sizing:border-box}.of-banner{display:block;overflow:hidden;border-radius:12px;background:#f3f5f4;color:#242424;text-decoration:none;border:1px solid #e0e5e2}.of-banner img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.of-banner-copy{padding:24px 32px}.of-banner-copy strong{font-size:clamp(20px,3vw,32px);line-height:1.2;display:block}.of-banner-copy p{font-size:16px;line-height:1.6;margin:10px 0;white-space:pre-line}.of-banner-button{display:inline-block;background:#2589b2;color:#fff;padding:11px 20px;border-radius:6px;margin-top:12px;font-weight:600}a.of-banner:hover .of-banner-button{background:#1a6b8b}a.of-banner:focus-visible{outline:3px solid #2589b2;outline-offset:3px}@media(max-width:749px){.of-banner-slot{padding:0 12px;margin:12px auto}.of-banner-copy{padding:20px}}.of-banner-canvas{position:relative;container-type:inline-size;overflow:hidden}.of-banner-canvas--blank{aspect-ratio:var(--of-desktop-ratio,16/5);background:#373737}.of-banner-canvas img{max-height:none}.of-banner-layers{position:absolute;top:0;right:0;bottom:0;left:0}.of-banner-layer{position:absolute;display:block;left:var(--of-desktop-x);top:var(--of-desktop-y);width:var(--of-desktop-width);font-size:calc(var(--of-desktop-font) * .1cqw);line-height:1.15;white-space:pre-wrap;overflow-wrap:anywhere;box-sizing:border-box;margin:0;padding:0}.of-banner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:0;border:0;border-radius:12px;width:min(960px,calc(100vw - 32px));max-width:none;max-height:90dvh;overflow:auto;background:transparent;box-shadow:0 20px 90px #0007}.of-banner-overlay[hidden]{display:none!important}.of-banner-overlay::backdrop{background:rgba(45,45,45,var(--of-overlay-opacity,.6))}.of-banner-overlay .of-banner{border:0}.of-banner-close{position:absolute;z-index:3;right:10px;top:10px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:#292929cf;color:#fff;font-size:27px;line-height:1;cursor:pointer}html:has(dialog.of-banner-overlay[open]){overflow:hidden}@media(max-width:749px){.of-banner-canvas--blank{aspect-ratio:var(--of-mobile-ratio,4/3)}.of-banner-layer{left:var(--of-mobile-x);top:var(--of-mobile-y);width:var(--of-mobile-width);font-size:calc(var(--of-mobile-font) * .1cqw)}}.of-banner-layer{display:var(--of-desktop-display,block)}@media(max-width:749px){.of-banner-layer{display:var(--of-mobile-display,block)}}.of-banner-color-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.of-banner-layers{z-index:2}.of-banner-text--mobile{display:none}@media(max-width:749px){.of-banner-text--desktop{display:none}.of-banner-text--mobile{display:inline}}#of-banner-product-info{max-width:100%;padding:0;margin:16px 0}.section-content-wrapper:has(>#of-banner-home-left){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}#of-banner-home-left,#of-banner-home-right{width:100%;max-width:100%;min-width:0;padding:0;margin:0;align-self:center}#of-banner-home-left{grid-column:1;grid-row:1}#of-banner-home-right{grid-column:2;grid-row:1}#of-banner-collection-info{grid-column:1 / -1;max-width:var(--page-width,1440px)}@media(max-width:749px){.section-content-wrapper:has(>#of-banner-home-left){grid-template-columns:minmax(0,1fr)}#of-banner-home-left,#of-banner-home-right{grid-column:1;grid-row:auto}}.section-content-wrapper:has(>#of-banner-home-left[hidden])>#of-banner-home-right:not([hidden]),.section-content-wrapper:has(>#of-banner-home-right[hidden])>#of-banner-home-left:not([hidden]){grid-column:1 / -1}.of-banner--inplace{border-radius:0}.of-banner-product-item{position:relative}.of-banner-product-item+.of-banner-product-item{margin-top:16px}.of-banner-product-close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border:1px solid #ccc;border-radius:50%;background:#fff;color:#222;font:24px/1 sans-serif;cursor:pointer;box-shadow:0 1px 4px #0003}.of-banner-product-close[hidden]{display:none}.of-banner-close,.of-banner-product-close{display:grid;place-items:center;box-sizing:border-box;padding:0;margin:0;border:2px solid #111;border-radius:50%;background:#fff;color:#111;opacity:1;box-shadow:0 1px 5px #0006}.of-banner-close:hover,.of-banner-close:active,.of-banner-product-close:hover,.of-banner-product-close:active{background:#fff;color:#111;opacity:1}.of-banner-close:focus-visible,.of-banner-product-close:focus-visible{background:#fff;color:#111;outline:3px solid #111;outline-offset:3px;box-shadow:0 0 0 3px #fff}
/*# sourceMappingURL=/cdn/shop/t/43/assets/of-banner.css.map */