.als-col{--als-red: #D32F2F;--als-ink: #333333;--als-body: #676767;--als-line: #eaeaea;--als-soft: #f7f7f5;--als-black: #070707;display:block;max-width:1420px;margin:0 auto;padding:var(--als-col-pt, 18px) 40px var(--als-col-pb, 64px);font-family:var(--font-body-family, "Open Sans"),system-ui,sans-serif;color:var(--als-ink)}.als-col *,.als-col *:before,.als-col *:after{box-sizing:border-box}.als-col p{margin:0}.als-col .als-crumbs ol{display:flex;flex-wrap:wrap;gap:0 6px;margin:0;padding:0;list-style:none;font-size:12.5px;line-height:18.75px;color:var(--als-body)}.als-col .als-crumbs li+li:before{content:"\203a";margin-right:6px}.als-col .als-crumbs a{color:inherit;text-decoration:none}.als-col .als-crumbs a:hover{color:var(--als-red)}.als-col .als-crumbs [aria-current]{font-weight:600;color:var(--als-ink)}.als-col-head{padding:20px 0}.als-col .als-col-title{margin:0;font-family:inherit;font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.66px;text-transform:none;color:var(--als-ink)}.als-col-desc{max-width:640px;padding-top:10px;font-size:16px;line-height:24px;color:var(--als-body)}.als-col-subs{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.als-col .als-col-sub{display:flex;align-items:center;gap:12px;height:74px;padding:10px 18px 10px 10px;border:1px solid var(--als-line);border-radius:8px;background:#fff;color:var(--als-ink);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.als-col .als-col-sub:hover{border-color:#dcdcdc;box-shadow:0 6px 18px #0000000f}.als-col-sub-img{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid var(--als-line);border-radius:8px;background:#fff}.als-col-sub-img img{display:block;width:42px;height:42px;object-fit:contain}.als-col-sub-text{display:flex;flex-direction:column;max-width:150px}.als-col-sub-name{font-size:13.5px;font-weight:700;line-height:20.25px}.als-col .als-col-sub:hover .als-col-sub-name{color:var(--als-red)}.als-col-sub-meta{font-size:12px;font-weight:500;line-height:18px;color:var(--als-body)}.als-col-subs-bar{display:none}.als-col-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding-top:28px}.als-col-body.no-filters{grid-template-columns:minmax(0,1fr)}.als-col-side-head,.als-col-side-foot,.als-col-filter-btn{display:none}.als-col-form{margin:0}.als-col-filter{padding:18px 0;border-bottom:1px solid var(--als-line)}.als-col-filter:first-child{padding-top:0}.als-col-filter-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;line-height:21px;letter-spacing:-.21px;cursor:pointer;list-style:none}.als-col-filter-head::-webkit-details-marker{display:none}.als-col-filter-head img{width:16px;height:16px;transition:transform .2s ease}.als-col-filter:not([open]) .als-col-filter-head img{transform:rotate(-90deg)}.als-col-options{margin:12px 0 0;padding:0;list-style:none}.als-col-option{position:relative}.als-col-option.is-extra{display:none}.als-col-filter.is-expanded .als-col-option.is-extra{display:block}.als-col-option input{position:absolute;opacity:0;width:18px;height:18px;margin:0;top:6px;left:0}.als-col-option label{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13.5px;line-height:20.25px;cursor:pointer}.als-col-check{flex:0 0 18px;width:18px;height:18px;border:1.5px solid #bbb;border-radius:4px;background:#fff;transition:background-color .15s ease,border-color .15s ease}.als-col-option input:checked+label .als-col-check{border-color:var(--als-black);background:var(--als-black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat}.als-col-option input:focus-visible+label .als-col-check{outline:2px solid var(--als-black);outline-offset:2px}.als-col-option label:hover .als-col-check{border-color:var(--als-ink)}.als-col-option.is-empty label{color:#9a9a9a;cursor:default}.als-col-option-label{flex:1 1 auto;min-width:0}.als-col-option-count{font-size:12.5px;line-height:18.75px;color:var(--als-body)}.als-col .als-col-more{margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--als-red);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.als-col-price{padding-top:12px}.als-col-price-inputs{display:flex;align-items:center;gap:8px}.als-col-price-field{display:flex;align-items:center;gap:4px;flex:1 1 0;min-width:0;height:40px;padding:0 14px;border:1.5px solid var(--als-line);border-radius:8px;background:#fff;font-size:14px;color:#9a9a9a}.als-col-price-field:focus-within{border-color:var(--als-ink)}.als-col .als-col-price-field input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;box-shadow:none;background:transparent;font:inherit;color:var(--als-ink);-moz-appearance:textfield}.als-col .als-col-price-field input::-webkit-outer-spin-button,.als-col .als-col-price-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.als-col-price-dash{font-size:15px;color:var(--als-body)}.als-col-range{position:relative;height:18px;margin:10px 4px 0}.als-col-range-track{position:absolute;top:7px;left:0;right:0;height:4px;border-radius:2px;background:var(--als-line)}.als-col-range-fill{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:2px;background:var(--als-black)}.als-col .als-col-range input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:18px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.als-col .als-col-range input[type=range]::-webkit-slider-runnable-track{height:18px;background:none}.als-col .als-col-range input[type=range]::-webkit-slider-thumb{width:18px;height:18px;border:2px solid var(--als-black);border-radius:50%;background:#fff;pointer-events:auto;cursor:grab;-webkit-appearance:none}.als-col .als-col-range input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--als-black);border-radius:50%;background:#fff;pointer-events:auto;cursor:grab}.als-col .als-col-range input[type=range]::-moz-range-track{background:none}.als-col-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}.als-col-active{display:flex;flex-wrap:wrap;gap:8px}.als-col .als-col-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--als-soft);font-size:12.5px;font-weight:600;line-height:18.75px;color:var(--als-ink);text-decoration:none}.als-col .als-col-chip:hover{background:#ececea}.als-col-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.als-col-count{font-size:13px;font-weight:600;line-height:19.5px;white-space:nowrap}.als-col-sort{position:relative;display:inline-flex;align-items:center}.als-col .als-col-sort select{height:38px;padding:0 34px 0 14px;border:1.5px solid var(--als-line);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--als-ink);cursor:pointer;-webkit-appearance:none;appearance:none}.als-col .als-col-sort select:focus-visible{outline:2px solid var(--als-black);outline-offset:2px}.als-col-sort img{position:absolute;right:14px;width:14px;height:14px;pointer-events:none}.als-col-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0 0;padding:0;list-style:none}.als-col-body.no-filters .als-col-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.als-col-item{display:flex}.als-col-main.is-loading .als-col-grid{opacity:.45;transition:opacity .15s ease}.als-col-pager{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:32px}.als-col-pager-text{font-size:13px;line-height:19.5px;color:var(--als-body)}.als-col-pager-bar{position:relative;display:block;width:220px;height:4px;border-radius:2px;background:var(--als-line);overflow:hidden}.als-col-pager-bar span{display:block;height:100%;border-radius:2px;background:var(--als-black)}.als-col .als-col-load{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border:1.5px solid var(--als-ink);border-radius:999px;background:#fff;font-size:14px;font-weight:700;line-height:21px;color:var(--als-ink);text-decoration:none;transition:background-color .2s ease,color .2s ease}.als-col .als-col-load:hover{background:var(--als-ink);color:#fff}.als-col .als-col-load.is-loading{opacity:.6;pointer-events:none}.als-col-empty{padding:64px 24px;margin-top:18px;border:1px solid var(--als-line);border-radius:8px;text-align:center}.als-col .als-col-empty h2{margin:0 0 6px;font-family:inherit;font-size:22px;font-weight:800;text-transform:none;color:var(--als-ink)}.als-col-empty p{margin-bottom:20px;color:var(--als-body)}.als-col-scrim{display:none}@media(max-width:1199px){.als-col-body{grid-template-columns:220px minmax(0,1fr);gap:24px}.als-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.als-col-body.no-filters .als-col-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:989px){.als-col{padding-left:24px;padding-right:24px}.als-col .als-col-title{font-size:34px}.als-col-subs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -24px;padding:0 24px;scroll-padding-inline:24px}.als-col-subs::-webkit-scrollbar{display:none}.als-col-subs>li{flex:0 0 auto;scroll-snap-align:start}.als-col-subs-bar{position:relative;display:block;height:4px;max-width:160px;margin:12px auto 0;border-radius:4px;background:var(--als-line);overflow:hidden}.als-col-subs-bar[hidden]{display:none}.als-col-subs-bar span{display:block;height:100%;border-radius:4px;background:var(--als-red);will-change:transform}.als-col-body,.als-col-body.no-filters{grid-template-columns:minmax(0,1fr);padding-top:20px}.als-col-side{position:fixed;inset:0 auto 0 0;z-index:1001;display:flex;flex-direction:column;width:min(360px,88vw);background:#fff;box-shadow:0 0 40px #0003;transform:translate(-105%);transition:transform .25s ease;visibility:hidden}.als-col.is-filters-open .als-col-side{transform:none;visibility:visible}.als-col-side-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--als-line)}.als-col-side-title{font-size:18px;font-weight:800}.als-col .als-col-side-close{width:36px;height:36px;border:0;background:none;font-size:18px;color:var(--als-ink);cursor:pointer}.als-col-form{flex:1 1 auto;overflow-y:auto;padding:16px}.als-col-side-foot{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--als-line)}.als-col .als-col-side-clear{font-size:13px;font-weight:600;color:var(--als-ink)}.als-col .als-col-side-done{flex:1 1 auto;height:46px;border:0;border-radius:999px;background:var(--als-red);font:inherit;font-size:14px;font-weight:700;color:#fff;cursor:pointer}.als-col.is-filters-open .als-col-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;background:#07070773}.als-col .als-col-filter-btn{display:inline-flex;align-items:center;height:38px;padding:0 16px;border:1.5px solid var(--als-ink);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:700;color:var(--als-ink);cursor:pointer}.als-col-bar{flex-wrap:wrap;align-items:flex-start}.als-col-grid,.als-col-body.no-filters .als-col-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:749px){.als-col{padding-left:16px;padding-right:16px;padding-bottom:40px}.als-col-head{padding:14px 0 16px}.als-col .als-col-title{font-size:28px;letter-spacing:-.42px}.als-col-desc{padding-top:6px;font-size:14px;line-height:21px}.als-col-subs{margin:0 -16px;padding:0 16px;scroll-padding-inline:16px}.als-col .als-col-sub{height:62px;gap:10px;padding:8px 14px 8px 8px}.als-col-sub-img{flex-basis:44px;width:44px;height:44px}.als-col-sub-img img{width:36px;height:36px}.als-col-bar{gap:10px}.als-col-active{flex:1 1 100%}.als-col-tools{flex:1 1 100%;justify-content:space-between;margin-left:0}.als-col-grid,.als-col-body.no-filters .als-col-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.als-col-grid .als-pc-media{height:130px;margin-top:0}.als-col-grid .als-pc .als-pc-btn{height:38px;font-size:12.5px}.als-col-pager{padding-top:24px}.als-col .als-col-load{width:100%}}@media(prefers-reduced-motion:reduce){.als-col-side,.als-col-filter-head img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/als-collection.css.map */