.bioself-cart-shell{--cart-green: #258439;--cart-green-hover: #1d6f30;--cart-green-soft: #eef5ef;--cart-yellow: #ffbb12;--cart-yellow-hover: #e8a600;--cart-danger: #b42318;--cart-danger-soft: #fff2f0;--cart-border: rgba(136, 165, 78, .28);--cart-text: #1c1b1f}.bioself-cart-shell button,.bioself-cart-shell input{font:inherit}.bioself-cart-shell button{border:0}.bioself-cart-rail{position:fixed;inset:0 0 0 auto;z-index:4000;display:none;width:var(--bioself-cart-rail-width, 150px);height:100dvh;overflow:hidden;flex-direction:column;border-inline-start:1px solid var(--cart-border);background:#fff;color:var(--cart-text)}.bioself-cart-rail__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;place-items:center;background:#ffffffc2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bioself-cart-shell.is-loading .bioself-cart-rail__loading{display:grid}body.bioself-cart-rail-visible{padding-inline-end:var(--bioself-cart-rail-width, 150px)}body.bioself-cart-rail-visible .mega-menu:not(.mega-menu--floating){width:calc(100vw - var(--bioself-cart-rail-width, 150px))}body.bioself-cart-rail-visible .bioself-cart-rail{display:flex}.bioself-cart-rail__header{flex:0 0 auto;padding:14px;border-block-end:1px solid var(--cart-border)}.bioself-cart-rail__header>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;line-height:1.4}.bioself-cart-rail__header>div:first-child{font-size:14px;font-weight:800}.bioself-cart-rail__header>div:first-child span{color:var(--cart-green)}.bioself-cart-rail__open{display:flex;width:100%;min-height:38px;margin-block-start:8px;align-items:center;justify-content:center;gap:8px;border-radius:4px;background:var(--cart-green);color:#fff;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;transition:background-color .16s ease,color .16s ease}.bioself-cart-rail__open:not(:disabled):hover,.bioself-cart-rail__open:not(:disabled):focus-visible{background:var(--cart-yellow);color:#151515}.bioself-cart-rail__open:not(:disabled):active{background:var(--cart-yellow-hover);color:#151515}.bioself-cart-rail__open svg{width:12px;fill:currentColor}.bioself-cart-rail__items-wrapper{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.bioself-cart-rail__items,.bioself-cart-drawer__items,.bioself-cart-drawer__properties,.bioself-cart-drawer__line-discounts,.bioself-cart-drawer__discounts{margin:0;padding:0;list-style:none}.bioself-cart-rail__item{display:grid;justify-items:center;gap:8px;padding:14px;border-block-end:1px solid var(--cart-border)}.bioself-cart-rail__product{display:grid;justify-items:center;gap:8px;color:inherit;text-decoration:none;transition:color .16s ease}.bioself-cart-rail__product:hover,.bioself-cart-rail__product:focus-visible{color:var(--cart-green-hover)}.bioself-cart-rail__image{width:80px;height:80px;object-fit:contain}.bioself-cart-rail__prices{display:flex;align-items:baseline;justify-content:center;gap:6px}.bioself-cart-rail__prices strong{color:var(--cart-green);font-size:15px}.bioself-cart-rail__prices s{font-size:11px}.bioself-cart-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4990;visibility:hidden;padding:0;border-radius:0;background:#161b1785;cursor:pointer;opacity:0;transition:opacity .22s ease,visibility .22s ease}.bioself-cart-drawer{position:fixed;inset:0 0 0 auto;z-index:5000;display:grid;width:min(500px,100%);height:100dvh;container-type:inline-size;--cart-drawer-inline-space: clamp(18px, 5cqi, 24px);--cart-drawer-block-space: clamp(16px, 4.4cqi, 22px);--cart-drawer-item-image: clamp(78px, 20cqi, 100px);--cart-drawer-item-gap: clamp(16px, 5cqi, 24px);grid-template-rows:auto auto minmax(0,1fr) auto auto;overflow:hidden;transform:translate(100%);background:#fff;color:var(--cart-text);box-shadow:none;transition:transform .28s cubic-bezier(.22,1,.36,1)}.bioself-cart-shell.is-open .bioself-cart-drawer__overlay{visibility:visible;opacity:1}.bioself-cart-shell.is-open .bioself-cart-drawer{transform:translate(0)}.bioself-cart-drawer__header{display:flex;min-height:clamp(64px,14.4cqi,72px);padding-block:clamp(16px,4cqi,20px);padding-inline:var(--cart-drawer-inline-space);grid-row:1;align-items:center;justify-content:space-between;gap:var(--cart-drawer-inline-space);border-block-end:1px solid var(--cart-border)}.bioself-cart-drawer__header h2{margin:0;color:var(--cart-green);font-size:clamp(calc(var(--base-text-font-size) + 3px),4cqi,calc(var(--base-text-font-size) + 5px));font-weight:750;line-height:1.2}.bioself-cart-drawer__close{display:grid;width:44px;height:44px;margin:-12px -12px -12px 0;padding:14px;place-items:center;background:transparent;color:var(--cart-green);cursor:pointer;transition:background-color .16s ease,color .16s ease}.bioself-cart-drawer__close:hover,.bioself-cart-drawer__close:focus-visible{background:var(--cart-green-soft);color:var(--cart-green-hover)}.bioself-cart-drawer__close svg{width:14px;fill:currentColor}.bioself-cart-drawer__status{display:none;margin:var(--space-xs) var(--cart-drawer-inline-space) 0;padding:var(--space-2xs) var(--space-xs);grid-row:2;border:1px solid #f2b0b0;border-radius:6px;background:#fff2f2;color:#8a1f1f;font-size:var(--font-size-body-sm, .875rem);line-height:1.35}.bioself-cart-drawer__status:not(:empty){display:block}.bioself-cart-drawer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;place-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bioself-cart-shell.is-loading .bioself-cart-drawer__loading{display:grid}.bioself-cart-drawer__spinner{width:28px;height:28px;border:3px solid rgba(37,132,57,.18);border-block-start-color:var(--cart-green);border-radius:50%;animation:bioself-cart-spin .65s linear infinite}@keyframes bioself-cart-spin{to{transform:rotate(1turn)}}.bioself-cart-drawer__scrollable{min-height:0;grid-row:3;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(28,27,31,.42) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.bioself-cart-drawer__scrollable::-webkit-scrollbar{width:8px}.bioself-cart-drawer__scrollable::-webkit-scrollbar-track{background:transparent}.bioself-cart-drawer__scrollable::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#1c1b1f6b;background-clip:padding-box}.bioself-cart-drawer__item{display:grid;grid-template-columns:var(--cart-drawer-item-image) minmax(0,1fr);gap:var(--cart-drawer-item-gap);padding-block:var(--cart-drawer-block-space);padding-inline:var(--cart-drawer-inline-space);border-block-end:1px solid var(--cart-border)}.bioself-cart-drawer__item-image-link{display:grid;place-items:center}.bioself-cart-drawer__item-image{width:var(--cart-drawer-item-image);height:var(--cart-drawer-item-image);object-fit:contain}.bioself-cart-drawer__item-details{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:var(--space-2xs, .625rem)}.bioself-cart-drawer__item-title{display:-webkit-box;overflow:hidden;color:var(--cart-green);font-size:clamp(calc(var(--base-text-font-size) - 1px),3.2cqi,calc(var(--base-text-font-size) + 1px));font-weight:750;line-height:1.25;text-decoration:none;transition:color .16s ease;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bioself-cart-drawer__item-title:hover,.bioself-cart-drawer__item-title:focus-visible{color:var(--cart-green-hover)}.bioself-cart-drawer__properties{color:#5e625f;font-size:12px;line-height:1.35}.bioself-cart-drawer__item-prices{display:flex;align-items:baseline;gap:var(--space-2xs, .625rem)}.bioself-cart-drawer__item-prices strong{color:var(--cart-green);font-size:clamp(calc(var(--base-text-font-size) + 1px),3.6cqi,calc(var(--base-text-font-size) + 3px));font-weight:850}.bioself-cart-drawer__item-prices s{color:#606360;font-size:13px;font-weight:600}.bioself-cart-drawer__line-discounts{color:var(--cart-green);font-size:12px}.bioself-cart-drawer__item-actions{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(3px,2.8cqi,14px)}.bioself-cart-quantity{display:grid;width:max-content;min-height:36px;grid-template-columns:38px 42px 38px;align-items:center;border:2px solid var(--cart-yellow);border-radius:8px;overflow:hidden}.bioself-cart-quantity.is-rejected{border-color:#b42318;background:#fff2f0;box-shadow:0 0 0 4px #b423181f;animation:bioself-cart-quantity-rejected .48s ease-out}@keyframes bioself-cart-quantity-rejected{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.bioself-cart-quantity button{display:grid;width:38px;height:34px;padding:11px;place-items:center;background:transparent;color:#111;cursor:pointer;transition:background-color .16s ease,color .16s ease}.bioself-cart-quantity button:not(:disabled):hover,.bioself-cart-quantity button:not(:disabled):focus-visible{background:var(--cart-green-soft);color:var(--cart-green-hover)}.bioself-cart-quantity button:disabled{cursor:not-allowed;opacity:.35}.bioself-cart-quantity svg{width:14px;max-height:16px;fill:currentColor}.bioself-cart-quantity input{width:42px;height:34px;padding:0;border:0;background:transparent;color:var(--cart-text);font-size:15px;font-weight:750;text-align:center;-webkit-appearance:textfield;appearance:textfield}.bioself-cart-quantity input::-webkit-inner-spin-button,.bioself-cart-quantity input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.bioself-cart-quantity input:focus-visible,.bioself-cart-quantity button:focus-visible,.bioself-cart-shell a:focus-visible,.bioself-cart-shell button:focus-visible{outline:3px solid rgba(37,132,57,.35);outline-offset:2px}.bioself-cart-quantity--compact{grid-template-columns:34px 34px 34px}.bioself-cart-quantity--compact button,.bioself-cart-quantity--compact input{width:34px}.bioself-cart-line-status{display:none;margin:2px 0 0;color:#9f1c13;font-size:12px;font-weight:650;line-height:1.35}.bioself-cart-line-status:not(:empty){display:block}.bioself-cart-line-status--rail{max-width:118px;margin:0;font-size:11px;text-align:center}.bioself-cart-drawer__remove{min-height:40px;padding:8px 2px;background:transparent;color:var(--cart-text);cursor:pointer;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px;transition:background-color .16s ease,color .16s ease}.bioself-cart-drawer__remove:not(:disabled):hover,.bioself-cart-drawer__remove:not(:disabled):focus-visible{border-radius:4px;background:var(--cart-danger-soft);color:var(--cart-danger)}.bioself-cart-drawer__biopoints{display:grid;margin-block:var(--space-sm, 1.25rem);margin-inline:var(--cart-drawer-inline-space);padding:var(--space-sm, 1.25rem);place-items:center;gap:var(--space-xs, .9375rem);border-radius:8px;background:var(--cart-green-soft);text-align:center}.bioself-cart-drawer__biopoints p{max-width:320px;margin:0;color:var(--cart-green);font-size:15px;font-weight:750;line-height:1.35}.bioself-cart-drawer__biopoints a{min-width:150px;padding:7px 20px;border-radius:7px;background:var(--cart-yellow);color:#1c1b1f;font-size:13px;font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .16s ease,color .16s ease}.bioself-cart-drawer__biopoints a:hover,.bioself-cart-drawer__biopoints a:focus-visible{background:var(--cart-yellow-hover);color:#111}.bioself-cart-drawer__cvp{display:flex;width:100%;min-height:84px;margin:0;padding-block:var(--space-sm, 1.25rem);padding-inline:var(--cart-drawer-inline-space);grid-row:4;align-items:center;justify-content:center;gap:var(--space-xs, .9375rem);border-block-start:1px solid var(--cart-border);background:transparent;color:var(--cart-green);cursor:pointer;font-size:15px;font-weight:650;text-decoration:underline;text-underline-offset:3px;transition:background-color .16s ease,color .16s ease}.bioself-cart-drawer__cvp:not(:disabled):hover,.bioself-cart-drawer__cvp:not(:disabled):focus-visible{background:var(--cart-green-soft);color:var(--cart-green-hover)}.bioself-cart-drawer__cvp img{width:clamp(104px,26cqi,132px);height:auto;flex:0 0 auto;object-fit:contain}.bioself-cart-drawer__footer{display:grid;padding-block-start:clamp(15px,3.6cqi,18px);padding-inline:var(--cart-drawer-inline-space);padding-block-end:calc(clamp(15px,4cqi,20px) + env(safe-area-inset-bottom));grid-row:5;align-content:start;gap:var(--space-2xs, .625rem);border-block-start:1px solid var(--cart-border);background:#fff}.bioself-cart-drawer__discounts{display:grid;max-height:72px;gap:4px;overflow-y:auto}.bioself-cart-drawer__discounts li,.bioself-cart-drawer__total,.bioself-cart-drawer__saved{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bioself-cart-drawer__discounts li,.bioself-cart-drawer__saved{font-size:13px}.bioself-cart-drawer__total{color:var(--cart-text);font-size:18px}.bioself-cart-drawer__total strong:last-child,.bioself-cart-drawer__taxes a{color:var(--cart-green)}.bioself-cart-drawer__taxes a{text-decoration:underline}.bioself-cart-drawer__taxes{margin:7px 0 9px;color:#555a56;font-size:12px;line-height:1.35}.bioself-cart-drawer__checkout,.bioself-cart-drawer__continue{display:flex;width:100%;min-height:46px;padding:12px 20px;align-items:center;justify-content:center;border-radius:7px;background:var(--cart-green);color:#fff;cursor:pointer;font-size:14px;font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .16s ease,color .16s ease}.bioself-cart-drawer__checkout:not(:disabled):hover,.bioself-cart-drawer__checkout:not(:disabled):focus-visible,.bioself-cart-drawer__continue:hover,.bioself-cart-drawer__continue:focus-visible{background:var(--cart-yellow);color:#151515}.bioself-cart-drawer__checkout:not(:disabled):active,.bioself-cart-drawer__continue:active{background:var(--cart-yellow-hover);color:#151515}.bioself-cart-drawer__empty{display:grid;min-height:0;padding:var(--space-xl, 4rem) var(--cart-drawer-inline-space);grid-row:3 / -1;align-content:center;justify-items:center;gap:var(--space-sm, 1.25rem);text-align:center}.bioself-cart-drawer__empty>svg{width:54px;fill:var(--cart-green)}.bioself-cart-drawer__empty h3{margin:0;color:var(--cart-text);font-size:20px}.bioself-cart-drawer__empty .bioself-cart-drawer__continue{width:min(100%,300px)}html.bioself-cart-drawer-open{overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable}body.bioself-cart-drawer-open{width:100%;overscroll-behavior:none}@media(prefers-reduced-motion:reduce){.bioself-cart-drawer,.bioself-cart-drawer__overlay,.bioself-cart-drawer__checkout,.bioself-cart-drawer__continue,.bioself-cart-drawer__close,.bioself-cart-drawer__remove,.bioself-cart-drawer__cvp,.bioself-cart-drawer__biopoints a,.bioself-cart-drawer__item-title,.bioself-cart-quantity button,.bioself-cart-rail__product,.bioself-cart-rail__open{transition-duration:1ms}.bioself-cart-drawer__checkout:not(:disabled):hover,.bioself-cart-drawer__checkout:not(:disabled):focus-visible,.bioself-cart-drawer__checkout:not(:disabled):active,.bioself-cart-drawer__continue:hover,.bioself-cart-drawer__continue:focus-visible,.bioself-cart-drawer__continue:active,.bioself-cart-rail__open:not(:disabled):hover,.bioself-cart-rail__open:not(:disabled):focus-visible,.bioself-cart-rail__open:not(:disabled):active{transform:none}.bioself-cart-drawer__spinner{animation-duration:1.5s}.bioself-cart-quantity.is-rejected{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-cart-drawer.css.map */