cart-drawer.phrase-drawer{--phrase-drawer-width: 420px;--phrase-drawer-pad: 24px}@media(min-width:1280px){cart-drawer.phrase-drawer{--phrase-drawer-width: 480px}}cart-drawer.phrase-drawer .cart-drawer{background:transparent}cart-drawer.phrase-drawer .cart-drawer__overlay{background:#0b0b0a52}cart-drawer.phrase-drawer .drawer__inner,cart-drawer.phrase-drawer .phrase-drawer__inner{background:var(--phrase-surface, var(--phrase-white, #FFFFFF));color:var(--phrase-ink, #0B0B0A);width:min(var(--phrase-drawer-width),100vw);max-width:100vw;padding:0;display:flex;flex-direction:column}.phrase-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px var(--phrase-drawer-pad);border-bottom:1px solid var(--phrase-hairline, #E6E6E6);background:var(--phrase-surface, var(--phrase-white, #FFFFFF));flex-shrink:0}.phrase-drawer__header-text{display:flex;flex-direction:column;gap:4px;min-width:0}.phrase-drawer__eyebrow{font-family:var(--phrase-font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--phrase-ink-soft, #707070)}.phrase-drawer__close{-webkit-appearance:none;appearance:none;background:transparent;border:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;color:var(--phrase-ink, #0B0B0A);transition:background var(--phrase-dur-fast) var(--phrase-ease);flex-shrink:0}.phrase-drawer__close:hover{background:#0b0b0a0f}.phrase-drawer__close .svg-wrapper{display:inline-flex}.phrase-drawer__close svg{width:16px;height:16px}.phrase-freeship{padding:14px var(--phrase-drawer-pad);border-bottom:1px solid var(--phrase-hairline, #E6E6E6);background:var(--phrase-surface, var(--phrase-white, #FFFFFF));flex-shrink:0}.phrase-freeship__copy{margin:0 0 10px;font-family:var(--phrase-font-body);font-size:12px;font-weight:500;color:var(--phrase-ink, #0B0B0A);letter-spacing:.02em}.phrase-freeship__copy strong{font-weight:700}.phrase-freeship__copy--unlocked{color:var(--phrase-green, #2D4A15);font-weight:600}.phrase-freeship__bar{width:100%;height:2px;background:var(--phrase-hairline, #E6E6E6);position:relative;overflow:hidden}.phrase-freeship__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--phrase-green, #2D4A15);transform-origin:left center;transition:width var(--phrase-dur) var(--phrase-ease)}.phrase-drawer__empty{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px var(--phrase-drawer-pad);overflow-y:auto}.phrase-drawer__empty-heading{font-family:var(--phrase-font-body);font-weight:700;font-size:clamp(20px,2.2vw,24px);letter-spacing:-.01em;color:var(--phrase-ink, #0B0B0A);margin:0;text-transform:none}.phrase-drawer__empty-sub{font-family:var(--phrase-font-body);font-size:14px;line-height:1.55;color:var(--phrase-ink-soft, #707070);margin:0 0 8px}.phrase-drawer__empty .phrase-btn{align-self:stretch;justify-content:center}.phrase-drawer__recs{margin-top:24px;width:100%}.phrase-drawer__recs-label{font-family:var(--phrase-font-body);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--phrase-ink-soft, #707070);margin:0 0 12px}.phrase-drawer__recs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phrase-drawer__login{margin-top:24px;font-family:var(--phrase-font-body);font-size:13px;color:var(--phrase-ink-soft, #707070)}cart-drawer-items{flex:1;min-height:0;overflow-y:auto;display:block}cart-drawer-items.is-empty{display:none}.phrase-drawer__items{list-style:none;margin:0;padding:0}.phrase-drawer__item{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:18px var(--phrase-drawer-pad);border-bottom:1px solid var(--phrase-hairline, #E6E6E6)}.phrase-drawer__item:last-child{border-bottom:0}.phrase-drawer__item-media{width:80px}.phrase-drawer__item-media img{width:80px;height:100px;object-fit:cover;background:var(--phrase-surface-image, #F2F2F2);display:block}.phrase-drawer__item-body{min-width:0;display:flex;flex-direction:column;gap:4px}.phrase-drawer__item-title{font-family:var(--phrase-font-body);font-weight:500;font-size:14px;line-height:1.3;color:var(--phrase-ink, #0B0B0A);text-decoration:none;text-transform:none;letter-spacing:-.005em}.phrase-drawer__item-title:hover{text-decoration:underline}.phrase-drawer__item-meta{font-family:var(--phrase-font-body);font-size:11px;letter-spacing:.04em;color:var(--phrase-ink-soft, #707070);margin:0;text-transform:uppercase}.phrase-drawer__item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.phrase-drawer__item-price{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--phrase-font-body);font-size:13px;font-weight:600;color:var(--phrase-ink, #0B0B0A);font-variant-numeric:tabular-nums;margin-left:auto;margin-right:8px}.phrase-drawer__item-was{font-weight:400;color:var(--phrase-ink-mute, #A8A8A8);text-decoration:line-through;font-size:12px}.phrase-drawer__item-now{display:inline-block}.phrase-drawer__item-remove-wrap{display:inline-flex}.phrase-drawer__item-remove{-webkit-appearance:none;appearance:none;background:transparent;border:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--phrase-ink-soft, #707070);cursor:pointer;transition:background var(--phrase-dur-fast) var(--phrase-ease),color var(--phrase-dur-fast) var(--phrase-ease)}.phrase-drawer__item-remove:hover{background:#0b0b0a0f;color:var(--phrase-ink, #0B0B0A)}.phrase-drawer__item-remove svg{width:12px;height:12px}.phrase-drawer__item-discounts{list-style:none;margin:4px 0 0;padding:0;font-family:var(--phrase-font-body);font-size:11px;color:var(--phrase-green, #2D4A15)}.phrase-drawer__item .cart-item__error{margin-top:6px;font-family:var(--phrase-font-body);font-size:12px;font-weight:600;color:var(--phrase-ink, #0B0B0A);display:none}.phrase-drawer__item .cart-item__error:not(:empty){display:block}.phrase-drawer__footer{flex-shrink:0;background:var(--phrase-surface, var(--phrase-white, #FFFFFF));border-top:1px solid var(--phrase-hairline, #E6E6E6);padding:20px var(--phrase-drawer-pad) 24px;display:flex;flex-direction:column;gap:12px}.phrase-drawer__note-summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:var(--phrase-font-body);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--phrase-ink-soft, #707070)}.phrase-drawer__note-summary::-webkit-details-marker{display:none}.phrase-drawer__note-summary svg{width:10px;height:10px;transition:transform var(--phrase-dur-fast) var(--phrase-ease)}.phrase-drawer__note[open] .phrase-drawer__note-summary svg{transform:rotate(180deg)}.phrase-drawer__note textarea{margin-top:8px;min-height:60px;resize:vertical}.phrase-drawer__discounts{list-style:none;margin:0;padding:0;font-family:var(--phrase-font-body);font-size:12px;color:var(--phrase-green, #2D4A15);display:flex;flex-wrap:wrap;gap:8px}.phrase-drawer__totals{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--phrase-font-body)}.phrase-drawer__totals-label{font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--phrase-ink-soft, #707070)}.phrase-drawer__totals-value{font-size:20px;font-weight:700;color:var(--phrase-ink, #0B0B0A);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.phrase-drawer__tax{font-family:var(--phrase-font-body);font-size:11px;color:var(--phrase-ink-soft, #707070);letter-spacing:.02em}.phrase-drawer__ctas{margin-top:4px}.phrase-drawer__checkout{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 24px;font-size:14px;font-weight:600;letter-spacing:.02em}.phrase-drawer__checkout-price{font-variant-numeric:tabular-nums;font-weight:700}.phrase-drawer__payment{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--phrase-font-body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--phrase-ink-mute, #A8A8A8);justify-content:center;align-items:center;padding-top:4px}cart-drawer.phrase-drawer .cart-items thead,cart-drawer.phrase-drawer .cart-items th,cart-drawer.phrase-drawer .totals h2,cart-drawer.phrase-drawer .cart__ctas .button:not(.phrase-btn){display:none}.phrase-drawer__upsell{display:block;padding:18px 22px 14px;border-top:1px solid rgba(11,11,10,.08)}.phrase-drawer__upsell-label{font-family:var(--phrase-font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0b0b0a8c;margin:0 0 10px}.phrase-drawer__upsell-rail{display:flex;gap:10px;overflow-x:auto;touch-action:pan-x;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.phrase-drawer__upsell-rail::-webkit-scrollbar{display:none}.phrase-drawer__upsell-skeleton{flex:0 0 120px;height:150px;background:linear-gradient(90deg,#0b0b0a0a,#0b0b0a14,#0b0b0a0a);background-size:200% 100%;animation:phrase-skeleton 1.4s linear infinite}@keyframes phrase-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.phrase-cart-upsell-card{flex:0 0 120px;scroll-snap-align:start;text-decoration:none;color:var(--phrase-ink);display:flex;flex-direction:column;gap:6px;transition:opacity var(--phrase-dur-fast) var(--phrase-ease)}.phrase-cart-upsell-card:hover{opacity:.82}.phrase-cart-upsell-card__media{width:120px;height:150px;background:var(--phrase-surface-image, #F2F2F2);overflow:hidden}.phrase-cart-upsell-card__media img{width:100%;height:100%;object-fit:cover;display:block}.phrase-cart-upsell-card__body{display:flex;flex-direction:column;gap:2px}.phrase-cart-upsell-card__title{font-family:var(--phrase-font-body);font-size:12px;font-weight:500;line-height:1.3;color:var(--phrase-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.phrase-cart-upsell-card__price{font-family:var(--phrase-font-mono);font-size:11px;letter-spacing:.04em;color:#0b0b0aa6}.phrase-drawer__freeship-up{display:none;padding:12px 22px 16px;border-bottom:1px solid rgba(11,11,10,.06)}.phrase-drawer__freeship-up.is-ready{display:block}.phrase-drawer__freeship-up-label{font-family:var(--phrase-font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--phrase-green, #2D4A15);margin:0 0 8px;font-weight:600}.phrase-drawer__freeship-up-slot:empty{display:none}.phrase-freeship-up-card{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid rgba(11,11,10,.1);border-radius:8px;background:var(--phrase-white, #FFFFFF);transition:border-color var(--phrase-dur-fast) var(--phrase-ease)}.phrase-freeship-up-card:hover{border-color:#0b0b0a38}.phrase-freeship-up-card__link{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:var(--phrase-ink, #0B0B0A)}.phrase-freeship-up-card__media{width:56px;height:70px;background:var(--phrase-surface-image, #F2F2F2);overflow:hidden;flex-shrink:0;border-radius:4px}.phrase-freeship-up-card__media img{width:100%;height:100%;object-fit:cover;display:block}.phrase-freeship-up-card__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.phrase-freeship-up-card__title{font-family:var(--phrase-font-body);font-size:13px;font-weight:500;line-height:1.3;color:var(--phrase-ink, #0B0B0A);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.phrase-freeship-up-card__price{font-family:var(--phrase-font-mono);font-size:11px;letter-spacing:.04em;color:#0b0b0aa6}.phrase-freeship-up-card__add{flex-shrink:0;border:1px solid var(--phrase-green, #2D4A15);background:var(--phrase-green, #2D4A15);color:var(--phrase-white, #FFFFFF);font-family:var(--phrase-font-body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:999px;cursor:pointer;transition:background var(--phrase-dur-fast) var(--phrase-ease),opacity var(--phrase-dur-fast) var(--phrase-ease)}.phrase-freeship-up-card__add:hover{background:var(--phrase-green-strip, #1E3310);border-color:var(--phrase-green-strip, #1E3310)}.phrase-freeship-up-card__add:disabled{opacity:.55;cursor:default}.phrase-drawer__gift{border-top:1px solid rgba(11,11,10,.08)}.phrase-drawer__gift-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;cursor:pointer;font-family:var(--phrase-font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--phrase-ink)}.phrase-drawer__gift-summary::-webkit-details-marker{display:none}.phrase-drawer__gift-summary svg{width:12px;height:12px;transition:transform var(--phrase-dur) var(--phrase-ease)}.phrase-drawer__gift[open] .phrase-drawer__gift-summary svg{transform:rotate(180deg)}.phrase-drawer__gift-body{padding:0 22px 16px;display:flex;flex-direction:column;gap:12px}.phrase-drawer__gift-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border:1px solid rgba(11,11,10,.12);background:#0b0b0a05}.phrase-drawer__gift-toggle input[type=checkbox]{accent-color:var(--phrase-green, #2D4A15);width:16px;height:16px;margin:0;cursor:pointer}.phrase-drawer__gift-toggle-text{flex:1;display:flex;justify-content:space-between;align-items:center;font-family:var(--phrase-font-body);font-size:13px}.phrase-drawer__gift-toggle-price{font-family:var(--phrase-font-mono);font-size:12px;color:#0b0b0aa6}.phrase-drawer__gift-note{display:flex;flex-direction:column;gap:4px}.phrase-drawer__gift-note-label{font-family:var(--phrase-font-body);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#0b0b0a8c}.phrase-drawer__gift-threshold{font-family:var(--phrase-font-mono);font-size:11px;color:#0b0b0ab3;margin:0;line-height:1.4}.phrase-drawer__gift-threshold.is-unlocked{color:var(--phrase-green, #2D4A15)}.phrase-drawer__gift-threshold strong{color:var(--phrase-ink);font-weight:600}.phrase-freeship__tier-tag{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid var(--phrase-green, #2D4A15);border-radius:999px;font-family:var(--phrase-font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--phrase-green, #2D4A15);vertical-align:middle}@media(prefers-reduced-motion:reduce){.phrase-freeship__fill,.phrase-drawer__close,.phrase-drawer__item-remove,.phrase-drawer__note-summary svg,.phrase-drawer__gift-summary svg{transition:none!important}.phrase-drawer__upsell-skeleton{animation:none!important}}@media(max-width:989px){.phrase-drawer__item-remove{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/phrase-cart-drawer.css.map */