@media screen and (max-width:749px){:root{--xl-m-s1: 40px;--xl-m-s2: 32px;--xl-m-s3: 16px;--xl-m-nua: 20px}:is(html,#xl_) main[data-template=index] .bduo-section{padding-top:var(--xl-m-s2);padding-bottom:24px}:is(html,#xl_) main[data-template=index] [id^=stabs-]{padding-top:16px;padding-bottom:var(--xl-m-nua)}:is(html,#xl_) main[data-template=index] [id^=stabs-] .stabs__title{margin-bottom:14px}:is(html,#xl_) main[data-template=index] [id^=stabs-] .stabs__nav{margin-bottom:var(--xl-m-s3)}:is(html,#xl_) main[data-template=index] [id^=ccards-]{padding-top:calc(var(--xl-m-nua) - 1px);padding-bottom:var(--xl-m-nua)}:is(html,#xl_) main[data-template=index] [id^=ccards-] .ccards__head{margin-bottom:0}:is(html,#xl_) main[data-template=index] [id^=pcar-]{padding-top:calc(var(--xl-m-nua) - 1px);padding-bottom:var(--xl-m-nua)}:is(html,#xl_) main[data-template=index] [id^=pcar-] .pcar__head{margin-bottom:7px}:is(html,#xl_) main[data-template=index] .collection[class*=-padding]{padding-top:calc(var(--xl-m-nua) - 1px);padding-bottom:var(--xl-m-nua)}:is(html,#xl_) main[data-template=index] .collection .collection__title{margin-bottom:var(--xl-m-s3)}:is(html,#xl_) main[data-template=index] [id^=wshop-]{padding-top:calc(var(--xl-m-nua) - 1px);padding-bottom:7px}:is(html,#xl_) main[data-template=index] [id^=wshop-] .wshop__head{margin-bottom:var(--xl-m-s3)}:is(html,#xl_) main[data-template=index] .blog>[class*=-padding]{padding-top:calc(var(--xl-m-nua) - 1px);padding-bottom:var(--xl-m-nua)}:is(html,#xl_) main[data-template=index] .blog .title-wrapper-with-link{margin-bottom:var(--xl-m-s3)}:is(html,#xl_) [id^=trust-]{padding-top:calc(var(--xl-m-nua) - 1px);padding-bottom:var(--xl-m-s2)}:is(html,#xl_) footer.footer[class*=-padding]{padding-top:calc(var(--xl-m-s2) - 1px)}:is(html,#xl_) .banner.banner--doc{height:clamp(400px,110vw,520px);aspect-ratio:auto;min-height:0;max-height:none}:is(html,#xl_) .banner--doc .banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:is(html,#xl_) .banner--doc .banner__media img{width:100%;height:100%;object-fit:cover;object-position:var(--banner-focal, center center)}:is(html,#xl_) .banner--doc .banner__media:after{background:#00000059;opacity:1}:is(html,#xl_) .banner.banner--doc:after{opacity:0}:is(html,#xl_) .banner--doc .banner__content{position:relative;z-index:2;display:flex;align-items:center;width:100%;height:100%;max-width:none;padding:0 24px 28px}:is(html,#xl_) .banner--doc .banner__box{width:100%;padding:0;background:transparent}:is(html,#xl_) .banner--doc .banner__heading{margin:0 0 15px}:is(html,#xl_) .banner--doc .banner__heading em{display:block;margin:0 0 18px}:is(html,#xl_) .banner--doc .banner__text{margin:0}:is(html,#xl_) .banner--doc .banner__text p{margin:0}:is(html,#xl_) .banner--doc .banner__buttons{display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%;max-width:none;gap:10px;justify-items:stretch;margin-top:20px}:is(html,#xl_) .banner--doc .banner__buttons .button{width:100%;min-width:0;margin:0}:is(html,#xl_) main[data-template=index] .collection ul.grid>.grid__item:last-child:nth-child(odd){display:none}}:root{--xl-r: 8px;--xl-r-sm: 4px}:is(html,#xl_) main[data-template=index] [id^=stabs-] .scard{border-radius:var(--xl-r);border:1px solid #ececec;overflow:hidden}:is(html,#xl_) main[data-template=index] .collection :is(.card__inner,.card__media,.card .media){border-radius:var(--xl-r);overflow:hidden}:is(html,#xl_) main[data-template=index] :is(.bduo__anh,.ccard,.article-card__image,.article-card .card__inner,.pcard,.wshop__tile,.wshop__lead,.wshop__side,.wshop__zoom){border-radius:var(--xl-r)}:is(html,#xl_) main[data-template=index] .banner__buttons .button,:is(html,#xl_) main[data-template=index] .banner__buttons .button:before,:is(html,#xl_) main[data-template=index] .banner__buttons .button:after{border-radius:var(--xl-r)}:is(html,#xl_) main[data-template=collection] #ProductGridContainer :is(.card__inner,.card__media,.card .media){border-radius:var(--xl-r);overflow:hidden}:is(html,#xl_) main[data-template=collection] #ProductGridContainer :is(.swatch,.swatch-input__label){border-radius:var(--xl-r-sm)}@media screen and (min-width:750px){:is(html,#xl_) main[data-template=index] [id^=stabs-] .stabs__rail{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 60px),transparent)}}:is(html,#xl_) main[data-template=index] [id^=stabs-] .cfam .cfam__o{padding:2px;background:#fff;border:1px solid #e2e0dc;box-shadow:none;box-sizing:border-box}:is(html,#xl_) main[data-template=index] [id^=stabs-] .cfam .cfam__o:hover{border-color:#9a9a9a}:is(html,#xl_) main[data-template=index] [id^=stabs-] .cfam .cfam__o.is-nay{border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a}:is(html,#xl_) main[data-template=index] [id^=stabs-] .cfam .cfam__o img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;border-radius:0}:is(html,#xl_) main[data-template=index] [id^=stabs-] .cfam .cfam__o{border-radius:var(--xl-r-sm)}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__swatch{padding:2px;background:#fff;border:1px solid #e2e0dc;box-shadow:none;box-sizing:border-box}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__swatch:hover{border-color:#9a9a9a}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__swatch.is-active{border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__swatch img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__thumb{width:64px;height:64px;flex:0 0 64px;opacity:1;background:#fff}@media screen and (min-width:750px){:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__thumb{width:80px;height:80px;flex:0 0 80px}}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__thumbs>li{gap:8px}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__thumb:hover{opacity:1}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__thumb.is-active{border:1px solid #1a1a1a;opacity:1}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__thumb img{object-fit:contain;background:#fff;opacity:1}:is(html,#xl_) :is(.cstrap-section,#xl_) .cfield:has([name="properties[Style of Stitches]"])+p.cnote{display:none}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__designhead{margin-bottom:6px}:is(html,#xl_) :is(.cstrap-section,#xl_) .cstrap__designsub{margin-top:0;margin-bottom:20px}:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cstrap__leadnote{margin-top:-4px;margin-bottom:-4px}:is(html,#xl_) :is(.cstrap-section:not(:has(.cstrap__dau)),#xl_) .cstrap__leadnote{margin-top:12px;margin-bottom:0}:is(html,#xl_) :is(.cstrap-section:not(:has(.cstrap__dau)),#xl_) .cstrap__leadnote+.cpay{margin-top:12px}:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cbtnrow__b.cbtnrow__b[aria-checked=true]{border-width:1px;border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a}@media screen and (max-width:749px){:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cshape.cshape:has(input:checked):not(:has(input[value$="Spring Bars"])) .cshape__svg,:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cswatch.cswatch:has(input:checked) .sw-img{border-width:1px;border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a}:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cshape.cshape:has(input[value$="Spring Bars"]:checked){border-width:1px;border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a;padding-left:12px;padding-right:12px}}@media screen and (min-width:750px){:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cshape.cshape:has(input[name="properties[Strap form]"]:checked),:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cswatch.cswatch:has(input:checked){border-width:1px;border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a;padding:6px 6px 8px}:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cshape.cshape:has(input[value$="Spring Bars"]:checked){border-width:1px;border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a}:is(html,#xl_) :is(.cstrap-section:has(.cstrap__dau),#xl_) .cshape.cshape:has(input:checked):not(:has(input[name="properties[Strap form]"],input[value$="Spring Bars"])) .cshape__svg{border-width:1px;border-color:#1a1a1a;box-shadow:inset 0 0 0 1px #1a1a1a}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/xl-spacing.css.map */