.cb{--navy:#102a43;--blue:#1666d9;--pale:#edf5ff;--line:#dbe4ee;--green:#13a66a;--orange:#ef8b22;--red:#d83a3a;--muted:#627488;color:#172b3d;padding:48px 0 72px;background:#f6f8fb}.cb *{box-sizing:border-box}.cb .page-width{max-width:1440px;margin:0 auto;padding-left:28px;padding-right:28px}.cb__header{text-align:center;margin-bottom:32px}.cb__eyebrow{margin:0 0 8px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cb h1{margin:0;color:var(--navy);font-size:clamp(30px,4vw,48px);line-height:1.08}.cb__subheading{max-width:700px;margin:14px auto 0;color:var(--muted);font-size:17px}.cb__layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.cb__catalog,.cb__summary{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #102a4312}.cb__catalog{padding:26px}.cb__container-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 30px;padding:0;border:0}.cb__container-options legend,.cb__order-heading h2{width:100%;margin:0 0 14px;color:var(--navy);font-size:20px;font-weight:800}.cb__option{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border:2px solid var(--line);border-radius:14px;cursor:pointer;transition:.2s}.cb__option:has(input:checked){border-color:var(--blue);background:var(--pale);box-shadow:0 0 0 3px #1666d91a}.cb__option input{position:absolute;opacity:0}.cb__option-icon{display:flex;align-items:center;justify-content:center;width:64px;height:36px;border:2px solid currentColor;border-radius:4px;color:var(--blue);font-size:13px;font-weight:900}.cb__option-icon--long{width:88px}.cb__option strong,.cb__option small{display:block}.cb__option strong{font-size:15px}.cb__option small{margin-top:3px;color:var(--muted)}.cb__order-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.cb__order-heading h2{margin-bottom:4px}.cb__order-heading p{margin:0;color:var(--muted);font-size:14px}.cb__search{width:min(360px,45%)}.cb__search input{width:100%;height:44px;padding:0 14px;border:1px solid #bbc9d8;border-radius:10px;font:inherit}.cb__table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.cb__table{width:100%;border-collapse:collapse;font-size:14px}.cb__table th{padding:12px;background:#f3f6f9;color:#516477;font-size:11px;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.cb__table td{padding:12px;border-top:1px solid var(--line);vertical-align:middle}.cb__table tr.cb__row--selected{background:#f3f8ff}.cb__product{display:flex;align-items:center;gap:10px;min-width:230px}.cb__image{width:46px;height:46px;object-fit:cover;border-radius:8px;background:#f1f3f5}.cb__product strong,.cb__product small{display:block}.cb__product small{margin-top:3px;color:var(--muted)}.cb__qty{width:78px;height:40px;padding:0 8px;border:1px solid #9fb0c1;border-radius:8px;text-align:center;font:inherit;font-weight:700}.cb__qty:focus{outline:3px solid rgba(22,102,217,.16);border-color:var(--blue)}.cb__row-message{display:block;max-width:130px;margin-top:4px;color:var(--red);font-size:11px}.cb__summary{position:sticky;top:24px;padding:24px}.cb__step{margin:0 0 5px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cb__summary h2{margin:0;color:var(--navy);font-size:23px}.cb__visual{padding:28px 8px 19px}.cb__container-shell{position:relative;overflow:hidden;height:165px;border:5px solid var(--navy);border-radius:6px 6px 3px 3px;background:repeating-linear-gradient(90deg,#f7fafc 0 18px,#e7edf3 19px 21px)}.cb__fill{position:absolute;right:0;bottom:0;left:0;height:0;background:linear-gradient(0deg,#087b52,var(--green));opacity:.9;transition:height .55s cubic-bezier(.2,.8,.2,1)}.cb__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 22px,rgba(255,255,255,.28) 23px,rgba(255,255,255,.28) 25px)}.cb__doors{position:absolute;top:0;right:0;bottom:0;left:0;border-right:2px solid rgba(16,42,67,.35);pointer-events:none}.cb__percent{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--navy);font-size:34px;font-weight:900;text-shadow:0 1px #fff}.cb__wheels{display:flex;justify-content:space-between;padding:0 24px}.cb__wheels i{display:block;width:20px;height:20px;margin-top:4px;border:5px solid var(--navy);border-radius:50%;background:#fff}.cb__capacity-line{display:flex;justify-content:space-between;gap:12px;font-size:13px}.cb__capacity-line strong{color:var(--navy)}.cb__meter{overflow:hidden;height:10px;margin:9px 0 20px;border-radius:999px;background:#e8edf2}.cb__meter span{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .55s}.cb--warning .cb__fill,.cb--warning .cb__meter span{background:var(--orange)}.cb--over .cb__fill,.cb--over .cb__meter span{background:var(--red)}.cb--over .cb__percent{color:#fff;text-shadow:none}.cb__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.cb__stats div{padding:12px;border-radius:10px;background:#f4f7fa}.cb__stats dt{color:var(--muted);font-size:11px}.cb__stats dd{margin:3px 0 0;color:var(--navy);font-size:16px;font-weight:800}.cb__notice{margin:16px 0 12px;padding:11px 12px;border-radius:9px;background:var(--pale);color:#265581;font-size:13px}.cb--over .cb__notice{background:#fff0f0;color:#9f2525}.cb__add,.cb__clear{width:100%;border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:800}.cb__add{min-height:48px;padding:11px 16px;background:var(--blue);color:#fff}.cb__add:disabled{cursor:not-allowed;background:#a9b6c4}.cb__clear{margin-top:8px;padding:9px;background:transparent;color:#516477}.cb__fine-print{margin:12px 0 0;color:#768698;font-size:11px;line-height:1.45}.cb__setup-message{display:flex;flex-direction:column;gap:4px;padding:24px;border:1px dashed #8da4bb;border-radius:12px;background:#f7fafc}.cb__limit-note{color:var(--orange)}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:990px){.cb__layout{grid-template-columns:1fr}.cb__summary{position:relative;top:auto}.cb__container-shell{height:200px}}@media(max-width:700px){.cb{padding:30px 0 48px}.cb .page-width{padding-left:14px;padding-right:14px}.cb__catalog,.cb__summary{border-radius:13px}.cb__catalog{padding:15px}.cb__container-options{grid-template-columns:1fr}.cb__order-heading{display:block}.cb__search{width:100%;margin-top:12px}.cb__table,.cb__table tbody,.cb__table tr,.cb__table td{display:block}.cb__table thead{display:none}.cb__table tr{padding:11px;border-top:1px solid var(--line)}.cb__table tr:first-child{border-top:0}.cb__table td{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border:0}.cb__table td:before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:700}.cb__table td:first-child:before{display:none}.cb__product{width:100%}.cb__qty{width:90px}.cb__summary{padding:20px}}.cb{--navy:#2c2d2e;--blue:#2c2d2e;--pale:#eee9df;--line:#d9d3ca;--green:#9b8f4d;--orange:#d89022;--red:#e32727;--muted:#6c6965;background:#f4f1ed;color:#2c2d2e;font-family:Figtree,Arial,sans-serif}.cb__catalog,.cb__summary{background:#faf8f5;border-color:#ded8cf;border-radius:8px;box-shadow:none}.cb__eyebrow,.cb__step{color:#9b8f4d}.cb h1,.cb h2,.cb__summary h2{color:#333;letter-spacing:.01em}.cb__option{border-radius:6px;background:#f4f1ed}.cb__option:has(input:checked){border-color:#9b8f4d;background:#f1ecdf;box-shadow:0 0 0 2px #9b8f4d24}.cb__option-icon{color:#9b8f4d}.cb__search input,.cb__qty,.cb__table-wrap{border-radius:6px}.cb__table th{background:#2c2d2e;color:#fff}.cb__table tr.vm-size-card{display:table-row;margin:0;padding:0;border-radius:0;box-shadow:none;background-color:transparent}.cb__table tr.vm-size-card.cb__row--selected{background:#f1ecdf}.cb__table tr.vm-size-card>td{height:auto;border-radius:0}.cb__unit-price{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.cb__unit-price .app-clay-wholesale-matrix{display:block!important;margin:0}.cb__price-before,.cb__price-after{display:flex;align-items:center;gap:5px;font-size:13px}.cb__price-before{color:#777}.cb__price-before small,.cb__price-after small{min-width:42px;color:#888;font-size:9px;font-weight:700;text-transform:uppercase}.cb__price-after,.cb__price-after span{color:#e32727;font-weight:800}.cb__unit-price .vm-old-price-wrap,.cb__clay-qty{display:none!important}.cb__line-original,.cb__line-final{display:block;white-space:nowrap}.cb__line-original{color:#777;font-size:12px}.cb__line-final{margin-top:2px;color:#e32727}.cb__row--discounted .cb__line-original{text-decoration:line-through}.cb__pricing{margin-top:16px;padding-top:14px;border-top:1px solid #d9d3ca}.cb__pricing>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px}.cb__pricing .cb__discount-row{color:#8a7d3d}.cb__pricing .cb__grand-total{margin-top:6px;padding-top:10px;border-top:1px solid #d9d3ca;color:#222;font-size:16px}.cb__pricing small{display:block;margin-top:7px;color:#777;font-size:10px;line-height:1.4}.cb__fill,.cb__meter span{background:#9b8f4d}.cb__notice{background:#eee9df;color:#5f572e}.cb__add{background:#f00000;border-radius:6px}.cb__add:hover:not(:disabled){background:#cf0000}.cb__clear{border-radius:6px}@media(max-width:700px){.cb__table tr.vm-size-card{display:block}.cb__table tr.vm-size-card>td{display:flex}.cb__unit-price{align-items:flex-end}}.cb__product-list{display:grid;gap:12px}.cb__product-group,.cb__color-group{overflow:hidden;border:1px solid #d9d3ca;border-radius:7px;background:#faf8f5}.cb__product-group>summary,.cb__color-group>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer}.cb__product-group>summary::-webkit-details-marker,.cb__color-group>summary::-webkit-details-marker{display:none}.cb__product-group>summary{min-height:82px;padding:12px 16px;background:#f4f1ed}.cb__product-group[open]>summary{border-bottom:1px solid #d9d3ca}.cb__product-summary,.cb__color-summary{display:flex;align-items:center;gap:13px}.cb__product-summary-image{width:58px;height:58px;object-fit:contain;border-radius:5px;background:#fff}.cb__product-summary strong{display:block;color:#333;font-size:16px}.cb__product-summary small,.cb__color-summary small{display:block;margin-top:3px;color:#777;font-size:12px}.cb__chevron{display:inline-block;width:9px;height:9px;border-right:2px solid #555;border-bottom:2px solid #555;transform:rotate(45deg);transition:transform .2s}.cb__product-group[open]>summary>.cb__chevron,.cb__color-group[open]>summary .cb__chevron{transform:rotate(225deg)}.cb__color-list{display:grid;gap:9px;padding:12px}.cb__color-group>summary{min-height:62px;padding:9px 13px;background:#fff}.cb__color-group[open]>summary{border-bottom:1px solid #d9d3ca}.cb__color-image{width:44px;height:44px;object-fit:contain;border-radius:5px;background:#f4f1ed}.cb__color-summary strong{display:block;color:#333;font-size:14px}.cb__color-action{display:flex;align-items:center;gap:10px;color:#756b36;font-size:12px;font-weight:700}.cb__color-group .cb__table-wrap{border:0;border-radius:0}.cb__color-group .cb__table th:first-child,.cb__color-group .cb__table td:first-child{padding-left:18px}.cb__product-group[hidden],.cb__color-group[hidden]{display:none}.cb__search-empty{padding:24px;text-align:center;color:#777}@media(max-width:700px){.cb__product-group>summary{min-height:72px;padding:9px 11px}.cb__product-summary-image{width:50px;height:50px}.cb__color-list{padding:8px}.cb__color-action{font-size:0}.cb__color-action .cb__chevron{font-size:initial}.cb__product-summary strong{font-size:14px}}.cb__mode-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 26px;padding:0;border:0}.cb__mode-options legend{grid-column:1/-1;width:100%;margin:0 0 2px;color:#333;font-size:22px;font-weight:800}.cb__mode-card{position:relative;display:flex;align-items:center;gap:14px;min-height:92px;padding:18px;border:2px solid #d9d3ca;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.cb__mode-card:hover{transform:translateY(-1px)}.cb__mode-card:has(input:checked){border-color:#9b8f4d;background:#f1ecdf;box-shadow:0 0 0 3px #9b8f4d21}.cb__mode-card input{position:absolute;opacity:0}.cb__mode-card strong,.cb__mode-card small{display:block}.cb__mode-card strong{color:#333;font-size:16px}.cb__mode-card small{margin-top:4px;color:#6c6965;font-size:12px;line-height:1.35}.cb__mode-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:2px solid #9b8f4d;border-radius:8px;color:#756b36;font-size:30px;font-weight:900}.cb--mode-unselected [data-cb-order-panel],.cb--mode-unselected .cb__summary{opacity:.42;pointer-events:none}.cb--box-order [data-cb-container-options],.cb--box-order [data-cb-container-only],.cb--box-order [data-cb-volume],.cb--container-order [data-cb-inventory]{display:none!important}.cb__container-options{margin-top:4px}.cb__container-shell{overflow:hidden;height:172px;border-width:6px;border-color:#25292c;border-radius:5px;background:repeating-linear-gradient(90deg,#d9dde0 0 14px,#b8bec3 15px,#edf0f2 18px);box-shadow:inset 0 0 0 3px #747b80,0 8px 15px #00000029}.cb__container-shell:before{content:"";position:absolute;z-index:1;top:8px;right:8px;bottom:8px;left:8px;border:2px solid rgba(37,41,44,.52);pointer-events:none}.cb__cargo{position:absolute;z-index:2;left:9px;bottom:11px;display:grid;grid-template-columns:repeat(8,18px);grid-auto-rows:18px;align-content:end;gap:3px;overflow:hidden;width:0;max-width:calc(100% - 18px);height:calc(100% - 22px);padding:3px;background:#9b8f4d47;transition:width .75s cubic-bezier(.2,.8,.2,1)}.cb__cargo i{display:block;width:18px;height:18px;border:1px solid #aeb4b8;border-radius:2px;background:linear-gradient(135deg,#fff,#e7ebed);box-shadow:0 1px 2px #0000002e}.cb__doors{z-index:3;border-right:3px solid rgba(37,41,44,.72)}.cb__percent{z-index:4}.cb__wheels{position:relative;z-index:3;justify-content:space-around;padding:0 35px}.cb__wheels i{width:27px;height:27px;margin-top:2px;border:7px solid #202326;background:radial-gradient(circle,#aab0b4 0 24%,#4d5358 25% 42%,#111 43%);box-shadow:0 2px 3px #0000004d}.cb--warning .cb__cargo{background:#d8902259}.cb--over .cb__cargo{background:#e3272766}@media(max-width:700px){.cb__mode-options{grid-template-columns:1fr}.cb__mode-options legend{grid-column:auto}.cb__mode-card{min-height:82px;padding:14px}.cb__cargo{grid-template-columns:repeat(8,16px);grid-auto-rows:16px}.cb__cargo i{width:16px;height:16px}}.cb--mode-unselected .cb__layout{grid-template-columns:1fr}.cb--mode-unselected [data-cb-container-options],.cb--mode-unselected [data-cb-order-panel],.cb--mode-unselected .cb__summary,.cb--box-order [data-cb-catalog-mode=container],.cb--container-order [data-cb-catalog-mode=box]{display:none!important}.cb__container-quantity{cursor:default}.cb__container-quantity>span:nth-child(2){flex:1}.cb__container-quantity input[data-cb-container-count]{position:static;width:76px;height:46px;opacity:1;padding:0 8px;border:2px solid #9b8f4d;border-radius:6px;background:#fff;color:#333;text-align:center;font:inherit;font-size:18px;font-weight:800}.cb__container-quantity:focus-within{border-color:#9b8f4d;background:#f1ecdf;box-shadow:0 0 0 2px #9b8f4d24}.cb__cargo{--fill:0%;display:block;width:calc(100% - 18px);max-width:none;padding:3px;clip-path:inset(0 calc(100% - var(--fill)) 0 0);transition:clip-path .75s cubic-bezier(.2,.8,.2,1)}.cb__cargo-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:2px}.cb__cargo-grid i{position:relative;display:grid;width:auto;height:auto;min-width:0;place-items:center;overflow:hidden}.cb__cargo-grid i b{display:block;color:#e31d2b;font-family:Arial,sans-serif;font-size:clamp(3px,.34vw,5px);font-style:normal;font-weight:900;letter-spacing:-.04em;line-height:1;text-transform:lowercase;transform:scaleX(.88)}@media(max-width:700px){.cb__container-quantity input[data-cb-container-count]{width:64px}.cb__cargo{display:block;width:calc(100% - 18px)}.cb__cargo-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/container-builder.css.map */