:root{--tm-primary: #105493;--tm-primary-hover: #0d4377;--tm-text-dark: #333333;--tm-text-medium: #666666;--tm-text-light: #999999;--tm-white: #ffffff;--tm-panel-bg: rgba(255, 255, 255, .92);--tm-panel-blur: 12px;--tm-border-color: rgba(16, 84, 147, .2);--tm-shadow-soft: 0 4px 24px rgba(0, 0, 0, .08);--tm-shadow-button: 0 2px 8px rgba(0, 0, 0, .06);--tm-radius-panel: 16px;--tm-radius-button: 100px;--tm-transition: .2s ease;--tm-panel-max-width: 698px;--tm-panel-padding-vertical: 100px;--tm-panel-padding-horizontal: 48px}.yli-thread-matchmaker{position:relative;width:100%;overflow:hidden}.yli-thread-matchmaker>.wrapper,.yli-thread-matchmaker>.wrapper--full-padded,.yli-thread-matchmaker>.wrapper--full{position:relative;width:100%}.yli-thread-matchmaker__wrapper{position:relative;width:100%;overflow:hidden;display:flex;align-items:center}.yli-thread-matchmaker--height-small .yli-thread-matchmaker__wrapper{min-height:400px}.yli-thread-matchmaker--height-medium .yli-thread-matchmaker__wrapper{min-height:500px}.yli-thread-matchmaker--height-large .yli-thread-matchmaker__wrapper{min-height:600px}.yli-thread-matchmaker--height-xlarge .yli-thread-matchmaker__wrapper{min-height:700px}.yli-thread-matchmaker--height-auto .yli-thread-matchmaker__wrapper{min-height:auto;padding:80px 0}.yli-thread-matchmaker__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.yli-thread-matchmaker__image{width:100%;height:100%;object-fit:cover;object-position:center}.yli-thread-matchmaker__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.yli-thread-matchmaker__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 50%,transparent 100%);pointer-events:none}.yli-thread-matchmaker__container{position:relative;z-index:2;width:100%;padding:40px 24px;display:flex}.yli-thread-matchmaker--panel-left .yli-thread-matchmaker__container{justify-content:flex-start}.yli-thread-matchmaker--panel-left .yli-thread-matchmaker__panel{text-align:left}.yli-thread-matchmaker--panel-left .yli-thread-matchmaker__buttons--horizontal{justify-content:flex-start}.yli-thread-matchmaker--panel-center .yli-thread-matchmaker__container{justify-content:center}.yli-thread-matchmaker--panel-right .yli-thread-matchmaker__container{justify-content:flex-end}.yli-thread-matchmaker--panel-right .yli-thread-matchmaker__panel{text-align:right}.yli-thread-matchmaker--panel-right .yli-thread-matchmaker__buttons--horizontal{justify-content:flex-end}.yli-thread-matchmaker__panel{width:100%;max-width:var(--tm-panel-max-width);padding:var(--tm-panel-padding-vertical) var(--tm-panel-padding-horizontal);border-radius:var(--tm-radius-panel);text-align:center}.yli-thread-matchmaker__panel--glass{background:var(--tm-panel-bg);backdrop-filter:blur(var(--tm-panel-blur));-webkit-backdrop-filter:blur(var(--tm-panel-blur));box-shadow:var(--tm-shadow-soft);border:1px solid rgba(255,255,255,.6)}.yli-thread-matchmaker__panel--solid{background:var(--tm-white);box-shadow:var(--tm-shadow-soft)}.yli-thread-matchmaker__panel--transparent{background:transparent;box-shadow:none;padding:40px 0}.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__eyebrow,.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__heading,.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__subheading,.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__escape{color:var(--tm-white);text-shadow:0 2px 8px rgba(0,0,0,.5)}.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__button{background:#fffffff2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__button:hover,.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__button:focus{background:var(--tm-white)}.yli-thread-matchmaker__panel--gradient{background:linear-gradient(135deg,#fffffff2,#ffffffd9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--tm-shadow-soft)}.yli-thread-matchmaker__eyebrow{display:block;font-family:Figtree,sans-serif;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--tm-primary);margin-bottom:12px}.yli-thread-matchmaker__heading{font-family:Crimson Pro,Georgia,serif;font-size:36px;font-weight:600;font-style:normal;line-height:1.3;color:var(--tm-text-dark);margin:0 0 12px}.yli-thread-matchmaker__subheading{font-family:Figtree,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var(--tm-text-medium);margin:0 0 28px}.yli-thread-matchmaker__buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.yli-thread-matchmaker__buttons--horizontal{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-bottom:24px}.yli-thread-matchmaker__buttons--horizontal .yli-thread-matchmaker__button{flex:0 0 auto;white-space:nowrap}.yli-thread-matchmaker__buttons--grid{justify-content:center}.yli-thread-matchmaker__buttons--grid .yli-thread-matchmaker__button{flex:0 1 calc(33.333% - 8px);min-width:140px}.yli-thread-matchmaker__buttons--stacked{flex-direction:column;align-items:center}.yli-thread-matchmaker__buttons--stacked .yli-thread-matchmaker__button{width:100%;max-width:280px}.yli-thread-matchmaker__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;color:var(--tm-primary);background:var(--tm-white);border:2px solid var(--tm-primary);border-radius:var(--tm-radius-button);text-decoration:none;cursor:pointer;transition:all var(--tm-transition);box-shadow:var(--tm-shadow-button);white-space:nowrap}.yli-thread-matchmaker__button:hover,.yli-thread-matchmaker__button:focus{background:var(--tm-primary);color:var(--tm-white);transform:translateY(-2px);box-shadow:0 4px 12px #10549340}.yli-thread-matchmaker__button:focus{outline:3px solid var(--tm-primary);outline-offset:2px}.yli-thread-matchmaker__button:focus:not(:focus-visible){outline:none}.yli-thread-matchmaker__button:active{transform:translateY(0)}.yli-thread-matchmaker__escape{display:inline-flex;align-items:center;gap:4px;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;color:var(--tm-primary);text-decoration:none;transition:all var(--tm-transition)}.yli-thread-matchmaker__escape:hover{color:var(--tm-primary-hover);gap:8px}.yli-thread-matchmaker__escape:focus{outline:2px solid var(--tm-primary);outline-offset:4px;border-radius:4px}@media (max-width: 1023px){.yli-thread-matchmaker--height-small .yli-thread-matchmaker__wrapper{min-height:380px}.yli-thread-matchmaker--height-medium .yli-thread-matchmaker__wrapper{min-height:450px}.yli-thread-matchmaker--height-large .yli-thread-matchmaker__wrapper{min-height:520px}.yli-thread-matchmaker--height-xlarge .yli-thread-matchmaker__wrapper{min-height:600px}.yli-thread-matchmaker__container{padding:32px 20px}.yli-thread-matchmaker__panel{max-width:480px;padding:75px 36px}.yli-thread-matchmaker__heading{font-size:30px}.yli-thread-matchmaker__buttons--grid .yli-thread-matchmaker__button{flex:0 1 calc(50% - 6px);min-width:120px}}@media (max-width: 749px){.yli-thread-matchmaker__heading{font-size:28px}}@media (max-width: 767px){.yli-thread-matchmaker__wrapper{flex-direction:column}.yli-thread-matchmaker--height-small .yli-thread-matchmaker__wrapper,.yli-thread-matchmaker--height-medium .yli-thread-matchmaker__wrapper,.yli-thread-matchmaker--height-large .yli-thread-matchmaker__wrapper,.yli-thread-matchmaker--height-xlarge .yli-thread-matchmaker__wrapper{min-height:auto}.yli-thread-matchmaker__background{position:relative;height:200px;flex-shrink:0}.yli-thread-matchmaker__overlay{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 100%)}.yli-thread-matchmaker__container{padding:0;justify-content:center!important}.yli-thread-matchmaker__panel{max-width:100%;border-radius:24px 24px 0 0;margin-top:-24px;padding:60px 24px 75px}.yli-thread-matchmaker__panel--transparent{background:var(--tm-white);margin-top:0;border-radius:0}.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__eyebrow,.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__heading,.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__subheading,.yli-thread-matchmaker__panel--transparent .yli-thread-matchmaker__escape{color:inherit;text-shadow:none}.yli-thread-matchmaker__eyebrow{font-size:11px;margin-bottom:8px}.yli-thread-matchmaker__heading{font-size:26px;margin-bottom:8px}.yli-thread-matchmaker__subheading{font-size:15px;margin-bottom:24px}.yli-thread-matchmaker__buttons{flex-direction:column;align-items:stretch;gap:10px}.yli-thread-matchmaker__buttons--grid .yli-thread-matchmaker__button,.yli-thread-matchmaker__buttons--horizontal .yli-thread-matchmaker__button,.yli-thread-matchmaker__buttons--stacked .yli-thread-matchmaker__button{flex:none;width:100%;max-width:100%;min-width:auto;padding:16px 24px;font-size:15px}.yli-thread-matchmaker__escape{margin-top:8px}}@media (prefers-reduced-motion: reduce){.yli-thread-matchmaker__button,.yli-thread-matchmaker__escape{transition:none}.yli-thread-matchmaker__button:hover{transform:none}}@media print{.yli-thread-matchmaker{break-inside:avoid;min-height:auto!important}.yli-thread-matchmaker__background{display:none}.yli-thread-matchmaker__panel{background:#fff!important;box-shadow:none!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/yli-thread-matchmaker.css.map */