:is(.ds-cd,.ds-cp){--dc-navy: var(--diysmith-navy, #04204F);--dc-blue: var(--diysmith-blue, #01488E);--dc-orange: #E76D2D;--dc-orange-hover: #CF5F24;--dc-line: var(--diysmith-border, #E2E8F0);--dc-tint: var(--diysmith-surface, #F8FAFC);--dc-muted: #475569;--dc-focus: #01488E;color:var(--dc-navy)}:is(.ds-cd,.ds-cp) :is(a,button,input,summary):focus-visible{outline:3px solid var(--dc-focus);outline-offset:2px;border-radius:6px}.ds-cart-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;max-width:100%;padding:8px 28px;border:0;border-radius:999px;background:var(--dc-orange, #E76D2D);color:#fff;text-align:center;white-space:normal;font:inherit;font-size:1.1875rem;font-weight:700;line-height:1.15;text-decoration:none;cursor:pointer}.ds-cart-cta svg{flex:none}.ds-cart-cta--block{width:100%}.ds-cart-cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.ds-cart-cta:hover{background:var(--dc-orange-hover, #CF5F24);color:#fff}}.ds-cd{--drawer-footer-padding: 16px 20px 20px;--drawer-body-padding: 0 20px 20px}@media screen and (min-width:700px){.ds-cd{--drawer-footer-padding: 18px 28px 24px;--drawer-body-padding: 0 28px 24px}}.ds-cd__inner{display:grid;gap:20px;min-width:0}.ds-cd__top{display:grid;gap:14px;padding-block:18px 16px;border-bottom:1px solid var(--dc-line)}.ds-cd__header{display:flex;align-items:center;gap:10px}.ds-cd__title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--dc-navy)}.ds-cd__count{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#e6eef7;color:var(--dc-navy);font-size:.8125rem;font-weight:700}.ds-cd__close{margin-inline-start:auto;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--dc-navy)}@media(hover:hover){.ds-cd__close:hover{background:var(--dc-tint)}}.ds-cd__close--empty{position:absolute;top:16px;inset-inline-end:16px}.ds-ship{display:grid;gap:8px;font-size:.875rem;line-height:1.4;color:var(--dc-navy)}.ds-ship .bold,.ds-ship .text-accent{font-weight:700;color:var(--dc-navy)}.ds-ship__bar{height:4px;background:var(--dc-line)}.ds-ship__bar:before{background:var(--dc-orange)}.ds-li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"media info price" "media actions actions";column-gap:14px;row-gap:10px;align-items:start;padding-block:16px}.ds-li+.ds-li{border-top:1px solid var(--dc-line)}.ds-cd__items .ds-li:first-child{padding-top:0}.ds-li__media{grid-area:media;width:72px;min-width:72px;aspect-ratio:1;position:relative;background:#fff;border:1px solid var(--dc-line);border-radius:10px;overflow:hidden}.ds-li__img{width:100%;height:100%;object-fit:contain;padding:6px}.ds-li__info{grid-area:info;display:grid;gap:3px;min-width:0;justify-items:start}.ds-li__brand{margin:0;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dc-blue)}.ds-li__title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--dc-navy);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(hover:hover){a.ds-li__title:hover{text-decoration:underline;text-underline-offset:2px}}.ds-li__meta{margin:0;font-size:.8125rem;color:var(--dc-muted)}.ds-li__saving{color:#166534}.ds-li__price{grid-area:price;margin:0;display:grid;justify-items:end;font-size:.9375rem;font-weight:700;white-space:nowrap}.ds-li__was{font-size:.8125rem;font-weight:400;color:var(--dc-muted)}.ds-li__actions{grid-area:actions;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important}.ds-li .pill-loader{position:absolute;top:calc(50% - .5rem);left:calc(50% - 1rem)}.ds-qty{display:inline-flex;align-items:center;height:36px;border:1px solid #CBD5E1;border-radius:999px;background:#fff}.ds-qty__btn{display:grid;place-items:center;width:36px;height:34px;border-radius:999px;color:var(--dc-navy);background:none;border:0;cursor:pointer}.ds-qty__btn[disabled]{opacity:.35;cursor:not-allowed}.ds-qty__btn svg,.ds-li__remove svg{pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ds-qty__btn svg{width:14px;height:14px}@media(hover:hover){a.ds-qty__btn:hover{background:var(--dc-tint)}}.ds-qty__input{width:2.5rem;min-width:2.5rem;height:34px;padding:0;border:0;background:none;text-align:center;font:inherit;font-size:.9375rem;font-weight:600;color:var(--dc-navy);-moz-appearance:textfield}.ds-qty__input::-webkit-outer-spin-button,.ds-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ds-li__remove{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:999px;color:var(--dc-muted);font-size:.8125rem;font-weight:600;text-decoration:none}.ds-li__remove svg{width:18px;height:18px}.ds-li__error{margin:4px 0 0;font-size:.8125rem;font-weight:600;color:#b42318}.ds-li__error[hidden]{display:none}.ds-li.is-busy .ds-li__actions{opacity:.55}.ds-li.is-busy :is(.ds-qty__btn,.ds-li__remove){pointer-events:none}.ds-qty__btn[aria-disabled=true]{opacity:.35;cursor:not-allowed}@media(hover:hover){.ds-li__remove:hover{color:#b42318;background:#fef3f2}}.ds-cja{display:grid;gap:12px;min-width:0;padding-top:18px;border-top:1px solid var(--dc-line)}.ds-cja__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-cja__heading{margin:0;font-size:1rem;font-weight:700;color:var(--dc-navy)}.ds-cja__arrows{display:flex;gap:6px}.ds-cja__arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;border:1px solid var(--dc-line);background:#fff;color:var(--dc-navy);cursor:pointer}.ds-cja__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ds-cja__arrow[disabled]{opacity:.35;cursor:default}@media(hover:none){.ds-cja__arrows{display:none}}.ds-cja__row{display:grid;grid-auto-flow:column;grid-auto-columns:124px;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:0;padding-bottom:2px}.ds-cja__row::-webkit-scrollbar{display:none}.ds-cja__card{scroll-snap-align:start;display:grid;grid-template-rows:auto auto 1fr auto;gap:6px;align-content:start;padding:8px;border:1px solid var(--dc-line);border-radius:12px;background:#fff;min-width:0}.ds-cja__media{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff}.ds-cja__media img{width:100%;height:100%;object-fit:contain}.ds-cja__title{font-size:.75rem;font-weight:600;line-height:1.3;min-height:2.6em;color:var(--dc-navy);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(hover:hover){a.ds-cja__title:hover{text-decoration:underline}}.ds-cja__price{margin:0;font-size:.8125rem;font-weight:700;color:var(--dc-navy)}.ds-cja__form{display:grid;gap:6px;margin:0}.ds-cja__select{width:100%;min-height:36px;padding:0 6px;border:1px solid #CBD5E1;border-radius:8px;background:#fff;color:var(--dc-navy);font:inherit;font-size:.75rem}.ds-cja__add{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:0 10px;border:1.5px solid var(--dc-navy);border-radius:999px;cursor:pointer;white-space:nowrap;background:#fff;color:var(--dc-navy);font:inherit;font-size:.8125rem;font-weight:700;line-height:1}@media(hover:hover){.ds-cja__add:hover{background:var(--dc-navy);color:#fff}}.ds-cja__add[aria-busy=true]{opacity:.6;cursor:progress}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__arrows{display:none}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__row{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible;scroll-snap-type:none;border:1px solid var(--dc-line);border-radius:14px;background:#fff}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__card{grid-template-columns:64px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;padding:12px 14px;border:0;border-radius:0}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__card+.ds-cja__card{border-top:1px solid var(--dc-line)}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__media{grid-row:1 / 3;width:64px;border:1px solid var(--dc-line)}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__title{grid-column:2;min-height:0;font-size:.875rem;align-self:end}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__price{grid-column:2;align-self:start}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__form{grid-column:3;grid-row:1 / 3}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__add{width:auto;min-width:88px;min-height:44px;padding:0 18px;font-size:.875rem}:is(.ds-cja--page,.ds-cja--drawer) .ds-cja__select{max-width:160px}.ds-upsell:empty{display:none}.ds-cd .ds-upsell{margin-top:20px}.ds-cja__sub{margin:-6px 0 0;font-size:.8125rem;color:#475569}.ds-cd__footer{display:grid;gap:10px}.ds-sum__row{display:flex;justify-content:space-between;gap:16px;font-size:.9375rem}.ds-sum__row--total{font-size:1.125rem;font-weight:700}.ds-sum__row--muted span:last-child{color:var(--dc-muted)}.ds-sum__row--saving{color:#166534;font-weight:600}.ds-sum__note{margin:0;font-size:.8125rem;line-height:1.45;color:var(--dc-muted)}.ds-sum__dlv .ds-dlv--cart{padding:0;gap:4px;font-size:.8125rem}.ds-sum__dlv .ds-dlv svg{width:18px;height:18px}.ds-cd__note-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:6px 0 8px;padding:0 16px;border:1px dashed #94A3B8;border-radius:12px;background:#fff;cursor:pointer}.ds-cd__note-link .link{font-size:.9375rem!important;font-weight:600;color:var(--dc-blue)!important;text-decoration:none}@media(hover:hover){.ds-cd__note-link:hover{border-color:var(--dc-navy);background:var(--dc-tint)}}.ds-cd__form{display:grid;gap:10px;margin:0}.ds-cd__form{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-cd__form .ds-cart-btn2{order:-1}.ds-cd__form :is(.ds-cart-cta,.ds-cart-btn2){min-height:52px;padding-inline:12px;font-size:1rem}.ds-cd__note{display:block}.ds-cd__note textarea{display:block;width:100%;min-height:44px;max-height:120px;padding:10px 12px;resize:vertical;border:1px solid #CBD5E1;border-radius:10px;background:#fff;color:var(--dc-navy);font:inherit;font-size:.875rem;line-height:1.4}.ds-cd__note textarea::placeholder{color:#64748b}.ds-cd__note textarea:focus{outline:2px solid #01488E;outline-offset:1px;border-color:#01488e}.ds-cart-btn2{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 24px;border:2px solid var(--dc-navy);border-radius:999px;background:#fff;color:var(--dc-navy);font-size:1rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}@media(hover:hover){.ds-cart-btn2:hover{background:var(--dc-navy);color:#fff}}.ds-cd__continue{justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:0;background:none;cursor:pointer;font:inherit;font-size:.9375rem;font-weight:600;color:var(--dc-navy);text-decoration:underline;text-underline-offset:3px}.ds-cd__title:focus{outline:none}.ds-empty{display:grid;justify-items:center;gap:12px;text-align:center;max-width:360px;margin-inline:auto;padding:24px 16px}.ds-empty__title{margin:0;font-size:1.375rem;font-weight:700;color:var(--dc-navy)}.ds-empty__text{margin:0;color:var(--dc-muted)}.ds-empty__note{margin:4px 0 0;font-size:.8125rem;color:var(--dc-muted)}.ds-empty__links{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ds-empty__links a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--dc-line);border-radius:999px;background:var(--dc-tint);color:var(--dc-navy);font-size:.875rem;font-weight:600;text-decoration:none}@media(hover:hover){.ds-empty__links a:hover{border-color:var(--dc-navy)}}.ds-cp{padding-block:24px 48px}.ds-cp .ds-empty{padding-block:56px}.ds-cp__wrap{display:grid;gap:20px}.ds-cp__head{display:grid;gap:14px;max-width:640px}.ds-cp__title{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--dc-navy);text-align:start}.ds-cp__title span{font-weight:500;color:var(--dc-muted);font-size:.7em}.ds-cp__grid{display:grid;gap:24px;align-items:start}.ds-cp__main{display:grid;gap:28px;min-width:0}.ds-cp__items{display:grid;gap:12px}.ds-cp__items .ds-li{padding:16px;border:1px solid var(--dc-line)!important;border-radius:14px;background:#fff}.ds-cp__continue{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--dc-navy);text-decoration:underline;text-underline-offset:3px}.ds-cp__continue svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ds-sum{display:grid;gap:14px;padding:20px;border:1px solid var(--dc-line);border-radius:16px;background:var(--dc-tint)}.ds-sum__heading{margin:0;font-size:1.125rem;font-weight:700;color:var(--dc-navy)}.ds-sum__totals{display:grid;gap:10px}.ds-sum__totals .ds-sum__row--total{padding-top:12px;border-top:1px solid var(--dc-line)}.ds-sum__note-box{border-top:1px solid var(--dc-line);padding-top:12px}.ds-sum__note-box{margin-bottom:6px}.ds-sum__note-box summary{display:flex;align-items:center;min-height:48px;padding:0 16px;border:1px dashed #94A3B8;border-radius:12px;background:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--dc-blue);list-style:none}.ds-sum__note-box summary::-webkit-details-marker{display:none}.ds-sum__note-box textarea{min-height:110px}.ds-sum__note-box[open] summary{margin-bottom:10px}.ds-sum__pay ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.ds-sum__pay svg{width:38px;height:24px}.ds-cp__bar{position:sticky;bottom:0;z-index:5;margin-inline:calc(-1 * var(--container-gutter, 16px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--dc-line);box-shadow:0 -4px 12px #04204f0f}.ds-cp__bar-total{display:grid;font-size:.8125rem;color:var(--dc-muted)}.ds-cp__bar-total strong{font-size:1.125rem;color:var(--dc-navy)}.ds-cp__bar .ds-cart-cta{min-height:52px;padding-inline:24px}@media screen and (min-width:1000px){.ds-cp{padding-block:40px 72px}.ds-cp__title{font-size:2rem}.ds-cp__grid{grid-template-columns:minmax(0,1fr) 380px;gap:40px}.ds-cp__aside{position:sticky;top:calc(var(--sticky-area-height, 0px) + 24px)}.ds-cp__items .ds-li{grid-template-columns:96px minmax(0,1fr) auto auto;grid-template-areas:"media info actions price";align-items:center;column-gap:20px}.ds-cp__items .ds-li__media{width:96px;min-width:96px}.ds-cp__items .ds-li__price{min-width:80px}.ds-cp__bar{display:none}}@media(prefers-reduced-motion:reduce){:is(.ds-cd,.ds-cp) *,.ds-ship__bar:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media screen and (min-width:700px){.drawer--lg.ds-cd{width:460px}}@media screen and (min-width:1000px){.drawer--lg.ds-cd{width:560px}}@media screen and (max-width:699px){.ds-cd__form{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-cd__form .ds-cart-btn2{order:-1;min-height:52px;padding-inline:12px;font-size:.9375rem}.ds-cd__form .ds-cart-cta{min-height:52px;padding-inline:14px}.ds-cd__note-link{min-height:44px;margin:2px 0 4px}.ds-cd__footer .ds-sum__note{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ds-cart.css.map */