.ecx-wrap{--ivory:#F5F0EC;--ink:#0A0807;--pink:#C98F8A;--line:rgba(10,8,7,.14);--mute:rgba(10,8,7,.5);--gap:22px;--pad:clamp(18px,3.4vw,48px);--maxw:1480px;--cols:5;--rowh:420px;background:var(--ivory);color:var(--ink);font-family:Jost,Helvetica Neue,Arial,sans-serif;font-weight:300;padding-bottom:clamp(64px,7vw,120px)}.ecx-wrap *{box-sizing:border-box}.ecx-wrap a{color:inherit;text-decoration:none}.ecx-wrap button{font:inherit;color:inherit}.ecx-wrap .mono{font-family:Roboto Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.ecx-wrap .ecx-gut{padding-inline:max(var(--pad),calc((100% - var(--maxw)) / 2))}.ecx-wrap .ecx-chead{padding-top:clamp(26px,4.6vw,54px);padding-bottom:16px;border-bottom:1px solid var(--line)}.ecx-wrap .ecx-h1{font-family:Staatliches,Impact,sans-serif!important;font-weight:400;margin:0;font-size:clamp(46px,9vw,124px);line-height:.85;letter-spacing:.01em}.ecx-wrap .ecx-h1 em{font-style:normal;color:var(--pink)}.ecx-wrap .ecx-controls{position:sticky;top:0;z-index:30;background:#f5f0ecf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:14px;align-items:center;justify-content:space-between;padding-block:12px;border-bottom:1px solid var(--line)}.ecx-wrap .ecx-chips{display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;min-width:0}.ecx-wrap .ecx-chips::-webkit-scrollbar{display:none}.ecx-wrap .ecx-chip{border:1px solid var(--line);border-radius:100px;padding:7px 14px;white-space:nowrap;font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:.18s}.ecx-wrap .ecx-chip:hover{border-color:var(--ink)}.ecx-wrap .ecx-chip[aria-current=true]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.ecx-wrap .ecx-count{color:var(--mute);white-space:nowrap}.ecx-wrap .ecx-tools{display:flex;gap:20px;align-items:center;flex:none}.ecx-wrap .ecx-tr{display:flex;gap:20px;align-items:center}.ecx-wrap .ecx-tool{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:5px 0;white-space:nowrap}.ecx-wrap .ecx-sortwrap{position:relative}.ecx-wrap .ecx-sortmenu{position:absolute;top:calc(100% + 12px);right:0;z-index:50;min-width:230px;background:var(--ivory);border:1px solid var(--ink);padding:10px 0;display:none}.ecx-wrap .ecx-sortmenu.open{display:block}.ecx-wrap .ecx-sortmenu button{display:flex;width:100%;gap:10px;align-items:center;background:none;border:0;cursor:pointer;padding:9px 16px;text-align:left;font-size:13px}.ecx-wrap .ecx-sortmenu button:hover{background:#0a08070d}.ecx-wrap .ecx-sortmenu button i{width:9px;height:9px;border-radius:50%;border:1px solid var(--line);flex:none}.ecx-wrap .ecx-sortmenu button[aria-checked=true] i{background:var(--ink);border-color:var(--ink)}.ecx-wrap .ecx-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:var(--rowh);grid-auto-flow:row dense;gap:var(--gap);row-gap:calc(var(--gap) + 16px);padding-top:calc(var(--gap) + 6px)}.ecx-wrap .ecx-card{position:relative;display:flex;flex-direction:column;min-width:0}.ecx-wrap .ecx-sm{grid-column:span 1;grid-row:span 1}.ecx-wrap .ecx-lg{grid-column:span 2;grid-row:span 2}.ecx-wrap .ecx-wide{grid-column:span 3;grid-row:span 1}.ecx-wrap .ecx-frame{position:relative;flex:1;min-height:0;display:block;overflow:hidden}.ecx-wrap .ecx-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;transition:opacity .45s ease}.ecx-wrap .ecx-frame .ecx-b,.ecx-wrap .ecx-card:hover .ecx-frame .ecx-a{opacity:0}.ecx-wrap .ecx-card:hover .ecx-frame .ecx-b{opacity:1}.ecx-wrap .ecx-card:hover .ecx-frame img:only-of-type{opacity:1}.ecx-wrap .ecx-product .ecx-frame img{object-fit:contain;object-position:center bottom;padding:0 2%}.ecx-wrap .ecx-poster .ecx-frame img{object-fit:cover;object-position:center 22%}.ecx-wrap .ecx-qv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:4;background:#f5f0ecf0;color:var(--ink);border:1px solid var(--ink);cursor:pointer;padding:12px 22px;opacity:0;pointer-events:none;transition:opacity .18s,transform .22s cubic-bezier(.3,.8,.3,1)}.ecx-wrap .ecx-frame:hover .ecx-qv{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.ecx-wrap .ecx-qv:hover{background:var(--ink);color:var(--ivory)}.ecx-wrap .ecx-frame{order:0}.ecx-wrap .ecx-ways{order:1}.ecx-wrap .ecx-bar{order:2;margin-top:auto}.ecx-wrap .ecx-bar{display:flex;flex-direction:column;gap:7px;padding:10px 2px 2px}.ecx-wrap .ecx-name{font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ecx-wrap .ecx-row2{display:flex;align-items:center;gap:10px;justify-content:space-between}.ecx-wrap .ecx-price{font-family:Roboto Mono,monospace;font-size:12.5px;white-space:nowrap}.ecx-wrap .ecx-add{width:27px;height:27px;border-radius:50%;border:1px solid var(--ink);background:transparent;display:grid;place-items:center;cursor:pointer;flex:none;margin-left:auto;transition:.16s}.ecx-wrap .ecx-add:hover{background:var(--ink);color:var(--ivory)}.ecx-wrap .ecx-ways{display:flex;gap:8px;align-items:center;height:17px;flex:none;margin-top:9px;padding-top:0;overflow:visible}.ecx-wrap .ecx-way{width:15px;height:15px;border-radius:50%;border:1px solid rgba(10,8,7,.25);cursor:pointer;padding:0;flex:none}.ecx-wrap .ecx-way[aria-current=true]{outline:1px solid var(--ink);outline-offset:2px}.ecx-wrap .ecx-lg .ecx-bar{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:18px}.ecx-wrap .ecx-lg .ecx-name{font-size:17px;flex:1 1 auto}.ecx-wrap .ecx-lg .ecx-row2{flex:none;gap:14px}.ecx-wrap .ecx-info{border:1px solid var(--ink);padding:clamp(20px,2.4vw,38px);display:grid;grid-template-columns:.92fr 1.18fr .9fr;gap:clamp(18px,2.2vw,34px);align-items:stretch}.ecx-wrap .ecx-info>*{display:flex;flex-direction:column;justify-content:center;margin:0}.ecx-wrap .ecx-info h3{font-family:Staatliches,Impact,sans-serif!important;font-weight:400;margin:8px 0 0;font-size:clamp(17px,1.5vw,23px);line-height:.95;letter-spacing:.01em}.ecx-wrap .ecx-info p{font-size:14px;line-height:1.65;color:var(--mute)}.ecx-wrap .ecx-spec{gap:11px;border-left:1px solid var(--line);padding-left:clamp(16px,2vw,30px)}.ecx-wrap .ecx-spec div{display:flex;gap:10px;align-items:center;white-space:nowrap;letter-spacing:.1em}.ecx-wrap .ecx-spec div:before{content:"";width:16px;height:1px;background:var(--pink);flex:none}.ecx-wrap .ecx-pagination{display:flex;gap:22px;justify-content:center;align-items:center;padding-block:34px 10px}.ecx-wrap .ecx-pagination a{border-bottom:1px solid var(--ink);padding-bottom:2px}.ecx-wrap .ecx-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a080757;opacity:0;pointer-events:none;transition:.25s;z-index:60}.ecx-wrap.ecx-filtered .ecx-scrim{opacity:1;pointer-events:auto}.ecx-wrap .ecx-drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,100%);background:var(--ivory);z-index:61;transform:translate(101%);transition:transform .28s cubic-bezier(.3,.8,.3,1)}.ecx-wrap .ecx-drawer form{display:flex;flex-direction:column;height:100%}.ecx-wrap.ecx-filtered .ecx-drawer{transform:none}.ecx-wrap .ecx-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.ecx-wrap .ecx-x{background:none;border:0;cursor:pointer;line-height:0;padding:4px}.ecx-wrap .ecx-drawer-body{flex:1;overflow-y:auto;padding:6px 22px 22px}.ecx-wrap .ecx-fgroup{padding:20px 0;border-bottom:1px solid var(--line)}.ecx-wrap .ecx-fgroup>.mono{display:block;margin-bottom:12px}.ecx-wrap .ecx-check{display:flex;align-items:center;gap:9px;font-size:13.5px;padding:4px 0;cursor:pointer;color:#0a0807c7}.ecx-wrap .ecx-check input{-webkit-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--line);background:transparent;cursor:pointer;margin:0;flex:none}.ecx-wrap .ecx-check input:checked{background:var(--ink);border-color:var(--ink)}.ecx-wrap .ecx-swatches{display:flex;gap:12px;flex-wrap:wrap}.ecx-wrap .ecx-swatches label{cursor:pointer;line-height:0}.ecx-wrap .ecx-swatches input{position:absolute;opacity:0}.ecx-wrap .ecx-swatches i{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:inline-block}.ecx-wrap .ecx-swatches input:checked+i{outline:1px solid var(--ink);outline-offset:2px}.ecx-wrap .ecx-price-row{display:flex;align-items:center;gap:8px;font-size:13px}.ecx-wrap .ecx-price-row input{width:72px;border:1px solid var(--line);background:transparent;padding:7px 9px;font:inherit;font-size:12.5px}.ecx-wrap .ecx-drawer-foot{display:flex;gap:12px;align-items:center;padding:16px 22px 22px;border-top:1px solid var(--line)}.ecx-wrap .ecx-clear{border-bottom:1px solid var(--ink);padding-bottom:2px}.ecx-wrap .ecx-apply{flex:1;background:var(--ink);color:var(--ivory);border:0;padding:14px;cursor:pointer}@media(max-width:760px){.ecx-wrap{--gap:12px}.ecx-wrap .ecx-controls{flex-wrap:wrap;gap:10px;padding-block:10px}.ecx-wrap .ecx-chips{order:1;width:100%;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad)}.ecx-wrap .ecx-tools{order:2;width:100%;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:9px;margin-top:2px}.ecx-wrap .ecx-info h3{font-size:26px}.ecx-wrap .ecx-qv{display:none}.ecx-wrap .ecx-add{width:25px;height:25px}.ecx-wrap .ecx-way{width:13px;height:13px}.ecx-wrap .ecx-ways{height:17px}.ecx-wrap .ecx-bar{gap:5px;padding-top:9px}.ecx-wrap .ecx-name{white-space:normal;font-size:12.5px}.ecx-wrap .ecx-lg .ecx-name{font-size:13.5px;white-space:nowrap}.ecx-wrap .ecx-price{font-size:11.5px}.ecx-wrap .ecx-wide{grid-column:span 2;grid-row:auto}.ecx-wrap .ecx-info{grid-template-columns:1fr;gap:14px;height:auto;padding:22px 18px}.ecx-wrap .ecx-spec{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:12px;flex-direction:row;flex-wrap:wrap;gap:8px 20px}}@media(hover:none){.ecx-wrap .ecx-qv{display:none}}@media(min-width:861px){.ecx-wrap .ecx-grid{grid-template-columns:repeat(4,1fr)}}.ecx-wrap .ecx-grid{grid-auto-rows:auto}.ecx-wrap .ecx-sm .ecx-frame{aspect-ratio:2/3;flex:none}.ecx-wrap .ecx-lg .ecx-frame{flex:1;min-height:0}.ecx-wrap .ecx-product .ecx-frame img{padding:0}.ecx-wrap .ecx-bar{margin-top:auto}.ecx-wrap .ecx-ways{order:3;margin-top:0;padding-top:9px}.ecx-wrap .ecx-lg .ecx-bar{min-height:var(--ea-cap,88px);align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/114/assets/easteam-catalog.css.map */