:root{--gs-primary: #105493;--gs-primary-hover: #0d4377;--gs-text-dark: #333333;--gs-text-medium: #595959;--gs-text-light: #767676;--gs-white: #ffffff;--gs-tab-border: #e5e5e5;--gs-tab-active-border: #105493;--gs-shadow-tile: 0 2px 8px rgba(0, 0, 0, .08);--gs-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--gs-transition: .2s ease;--gs-tile-gap: 5px;--gs-hero-size: 560px;--gs-tile-size: 276px}.yli-grid-selector-wrapper{width:100%}.yli-grid-selector{width:100%;position:relative}.yli-grid-selector.section-padding{padding-top:var(--PT, 50px);padding-bottom:var(--PB, 50px)}.yli-grid-selector__header{text-align:center;max-width:640px;margin:0 auto 40px}.yli-grid-selector__heading{font-family:Crimson Pro,Georgia,serif;font-size:36px;font-weight:600;line-height:1.3;color:var(--gs-text-dark);margin:0 0 12px}.yli-grid-selector__subheading{font-family:Figtree,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var(--gs-text-medium);margin:0}.yli-grid-selector__logo{margin-bottom:16px}.yli-grid-selector__logo img{display:block;margin:0 auto;width:var(--logo-width, 100px);max-width:100%;height:auto}.yli-grid-selector__logo+.yli-grid-selector__heading{margin-top:0}.yli-grid-selector__tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;border-bottom:2px solid var(--gs-tab-border);padding-bottom:0}.yli-grid-selector__tab{position:relative;font-family:Figtree,sans-serif;font-size:18px;font-weight:500;color:var(--gs-text-medium);background:transparent;border:none;padding:14px 24px;cursor:pointer;transition:all var(--gs-transition);margin-bottom:-2px}.yli-grid-selector__tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;transition:background var(--gs-transition)}.yli-grid-selector__tab:hover{color:var(--gs-primary)}.yli-grid-selector__tab--active{color:var(--gs-primary);font-weight:600}.yli-grid-selector__tab--active:after{background:var(--gs-tab-active-border)}.yli-grid-selector__tab:focus{outline:2px solid var(--gs-primary);outline-offset:4px;border-radius:4px}.yli-grid-selector__tab:focus:not(:focus-visible){outline:none}.yli-grid-selector__panels{position:relative}.yli-grid-selector__panel{display:none}.yli-grid-selector__panel--active{display:block}.yli-grid-selector__bento{display:grid;grid-template-columns:var(--gs-tile-size) var(--gs-hero-size) var(--gs-tile-size) var(--gs-tile-size);grid-template-rows:var(--gs-tile-size) var(--gs-tile-size);gap:var(--gs-tile-gap);margin-bottom:32px;max-width:100%;width:fit-content;margin-left:auto;margin-right:auto}.yli-grid-selector__column--left{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;gap:var(--gs-tile-gap)}.yli-grid-selector__column--center{grid-column:2;grid-row:1 / -1}.yli-grid-selector__column--right{grid-column:3;grid-row:1 / -1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:var(--gs-tile-gap)}.yli-grid-selector__column--far-right{grid-column:4;grid-row:1 / -1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:var(--gs-tile-gap)}.yli-grid-selector__tile{position:relative;display:block;overflow:hidden;border-radius:8px;background:#f5f5f5;transition:all var(--gs-transition);text-decoration:none}.yli-grid-selector__tile:not(.yli-grid-selector__tile--placeholder):hover{box-shadow:var(--gs-shadow-hover);transform:translateY(-2px)}.yli-grid-selector__tile:focus{outline:3px solid var(--gs-primary);outline-offset:2px}.yli-grid-selector__tile:focus:not(:focus-visible){outline:none}.yli-grid-selector__tile--small{width:var(--gs-tile-size);height:var(--gs-tile-size);box-shadow:var(--gs-shadow-tile)}.yli-grid-selector__tile--hero{width:var(--gs-hero-size);height:var(--gs-hero-size);box-shadow:var(--gs-shadow-tile)}.yli-grid-selector__tile-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.yli-grid-selector__tile-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.yli-grid-selector__tile-title{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:var(--gs-white);font-family:Figtree,sans-serif;font-size:13px;font-weight:500;line-height:1.3;text-align:center}.yli-grid-selector__tile-title--hero{font-size:15px;padding:16px}.yli-grid-selector__hero-overlay{position:absolute;bottom:24px;left:24px;padding:0;background:transparent;color:var(--gs-white);font-family:Figtree,sans-serif;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all var(--gs-transition);white-space:nowrap}.yli-grid-selector__tile--hero:hover .yli-grid-selector__hero-overlay{color:var(--gs-white);text-decoration-thickness:2px;transform:translate(4px)}.yli-grid-selector__tile--placeholder{background:#f5f5f5;border:2px dashed #d0d0d0;box-shadow:none;cursor:default}.yli-grid-selector__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gs-text-light);gap:8px}.yli-grid-selector__placeholder span{font-family:Figtree,sans-serif;font-size:13px;font-weight:500}.yli-grid-selector__cta-wrapper{text-align:center;margin-top:24px}.yli-grid-selector__cta{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600;color:var(--gs-white);background:var(--gs-primary);border:none;border-radius:100px;text-decoration:none;cursor:pointer;transition:all var(--gs-transition);box-shadow:0 2px 8px #10549333}.yli-grid-selector__cta:hover,.yli-grid-selector__cta:focus{background:var(--gs-primary-hover);transform:translateY(-2px);box-shadow:0 4px 16px #1054934d}.yli-grid-selector__cta:focus{outline:3px solid var(--gs-primary);outline-offset:4px}.yli-grid-selector__cta:focus:not(:focus-visible){outline:none}.yli-grid-selector__cta:active{transform:translateY(0)}@media (min-width: 1024px){.wrapper .yli-grid-selector__bento,.yli-grid-selector__bento{--gs-scale-factor: .88;--gs-tile-size: calc(276px * var(--gs-scale-factor));--gs-hero-size: calc(560px * var(--gs-scale-factor))}.wrapper--full .yli-grid-selector__bento,.wrapper--full-padded .yli-grid-selector__bento{--gs-scale-factor: 1;--gs-tile-size: 276px;--gs-hero-size: 560px}}@media (max-width: 1023px){.yli-grid-selector__bento{grid-template-columns:1fr;grid-template-rows:auto}.yli-grid-selector__column--left,.yli-grid-selector__column--center,.yli-grid-selector__column--right,.yli-grid-selector__column--far-right{grid-column:1;grid-row:auto}.yli-grid-selector__column--center{order:-1}.yli-grid-selector__column--left,.yli-grid-selector__column--right,.yli-grid-selector__column--far-right{flex-direction:row}.yli-grid-selector__column--left{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gs-tile-gap)}.yli-grid-selector__column--right{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gs-tile-gap);margin-top:calc(var(--gs-tile-gap) * -1)}.yli-grid-selector__column--far-right{display:none}.yli-grid-selector__tile--hero{aspect-ratio:16 / 9}}@media (max-width: 749px){.yli-grid-selector__header{margin-bottom:28px}.yli-grid-selector__logo{margin-bottom:12px}.yli-grid-selector__logo img{max-width:80px}.yli-grid-selector__heading{font-size:28px}.yli-grid-selector__subheading{font-size:15px}.yli-grid-selector__tabs{justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin-bottom:28px;gap:8px;border-bottom:1px solid var(--gs-tab-border);padding:0 16px}.yli-grid-selector__tabs::-webkit-scrollbar{display:none}.yli-grid-selector__tab:nth-child(n+4){display:none}.yli-grid-selector__tab{font-size:15px;padding:12px 16px;white-space:nowrap;scroll-snap-align:start}.yli-grid-selector__bento{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:12px;margin-bottom:24px}.yli-grid-selector__column--center{display:none}.yli-grid-selector__column--left,.yli-grid-selector__column--right,.yli-grid-selector__column--far-right{grid-column:auto;grid-row:auto;display:contents}.yli-grid-selector__tile--small,.yli-grid-selector__tile--hero{width:100%;height:auto;aspect-ratio:1 / 1}.yli-grid-selector__hero-overlay{font-size:14px;padding:10px 20px}.yli-grid-selector__tile-title{font-size:12px;padding:10px}.yli-grid-selector__tile-title--hero{font-size:13px;padding:12px}.yli-grid-selector__cta-wrapper{text-align:center;margin-top:16px}.yli-grid-selector__cta{width:calc(100% - 32px);max-width:400px;padding:18px 32px;font-size:16px}.yli-grid-selector__placeholder span{font-size:11px}}@media (prefers-reduced-motion: reduce){.yli-grid-selector__tab,.yli-grid-selector__tile,.yli-grid-selector__hero-overlay,.yli-grid-selector__cta{transition:none}.yli-grid-selector__tile:hover,.yli-grid-selector__cta:hover{transform:none}}@media print{.yli-grid-selector{break-inside:avoid}.yli-grid-selector__tabs{display:none}.yli-grid-selector__panel{display:block!important}.yli-grid-selector__panel:not(:first-child){display:none!important}.yli-grid-selector__tile{box-shadow:none!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/yli-grid-selector.css.map */