@layer components{
.checkout-modal form{
gap:16px;
}
.checkout-modal output.err{
display:block;
padding:var(--space-2-5) var(--space-3);
border:.5px solid rgb(var(--rgb-danger) / .18);
border-radius:var(--radius-md);
background:rgb(var(--rgb-danger) / .055);
color:var(--c-danger);
font-size:var(--text-ui);
line-height:1.35;
}
.checkout-modal output.ok:not(:empty),.profile-panel output.ok:not(:empty){
display:block;
padding:var(--space-2) var(--space-2-5);
border-radius:var(--radius-control);
background:rgb(var(--rgb-success) / .07);
}
}
@layer components{
.crumbs,.crumb.is-menu-open,.crumb-menu{
z-index:auto!important;
}
.crumbs{
z-index:118!important;
}
.crumb.is-menu-open{
z-index:119!important;
}
.crumb-menu{
z-index:119!important;
}
.modal{
z-index:var(--modal-effective-z,var(--modal-z))!important;
}
.mask{
z-index:var(--mask-z)!important;
}
[data-modal="cart"].mini{
width:min(1080px,calc(100vw - 40px))!important;
}
[data-modal="cart"]>header{
padding:22px 24px 18px!important;
border-bottom-color:rgb(var(--rgb-line) / .12)!important;
background:var(--c-surface)!important;
}
[data-modal="cart"]>header h2{
color:var(--n-82)!important;
font-size:var(--text-title-lg)!important;
font-weight:var(--w-medium)!important;
letter-spacing:-.03em!important;
}
.cart-sheet{
gap:16px!important;
padding:0 24px 24px!important;
background:var(--c-surface)!important;
}
.cart-grid{
overflow:hidden!important;
border:.5px solid rgb(var(--rgb-line) / .14)!important;
border-radius:var(--radius-md)!important;
background:var(--c-surface)!important;
}
.cart-grid-head,.cart-grid-row{
grid-template-columns:minmax(260px,1fr) 98px 126px 112px 36px!important;
gap:12px!important;
padding:0 var(--space-3-5)!important;
}
.cart-grid-head{
min-height:34px!important;
border-bottom:.5px solid rgb(var(--rgb-line) / .12)!important;
background:rgb(var(--rgb-surface-soft) / .72)!important;
}
.cart-grid-head span{
color:rgb(var(--rgb-muted) / .58)!important;
font-size:var(--text-3xs)!important;
font-weight:var(--w-regular)!important;
letter-spacing:.07em!important;
}
.cart-grid-row{
min-height:56px!important;
border-bottom:.5px solid rgb(var(--rgb-line) / .10)!important;
background:var(--c-surface)!important;
transition:background .333s ease;
}
.cart-grid-row:last-child{
border-bottom:0!important;
}
.cart-grid-row:hover{
background:rgb(var(--rgb-primary) / .045)!important;
}
.cart-product{
gap:3px!important;
}
.cart-product strong{
color:var(--n-82)!important;
font-size:var(--text-ui)!important;
font-weight:var(--w-medium)!important;
line-height:1.2!important;
}
.cart-product span{
color:rgb(var(--rgb-muted) / .58)!important;
font-size:var(--text-compact)!important;
font-weight:400!important;
line-height:1.18!important;
}
.cart-price-cell{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-end!important;
justify-self:end!important;
min-width:86px!important;
min-height:31px!important;
padding:0 9px!important;
border:.5px solid rgb(var(--rgb-line) / .18)!important;
border-radius:var(--radius-sm)!important;
background:var(--c-surface)!important;
color:var(--n-82)!important;
font-size:var(--text-ui-sm)!important;
font-weight:var(--w-medium)!important;
font-variant-numeric:tabular-nums!important;
text-align:right!important;
}
.cart-total-cell,.cart-row-total{
justify-self:end!important;
color:var(--n-82)!important;
font-size:var(--text-ui-sm)!important;
font-weight:var(--w-medium)!important;
font-variant-numeric:tabular-nums!important;
}
.cart-qty.qty{
width:112px!important;
border-color:rgb(var(--rgb-line) / .18)!important;
border-radius:var(--radius-sm)!important;
background:var(--c-surface)!important;
}
.cart-qty.qty input{
background:rgb(var(--rgb-surface-soft) / .72)!important;
color:var(--n-72)!important;
}
.cart-qty.qty:focus-within,.cart-qty.qty:hover{
border-color:rgb(var(--rgb-primary) / .24)!important;
background:var(--c-surface)!important;
}
.cart-qty.qty input:focus{
color:var(--c-primary)!important;
background:var(--c-surface)!important;
box-shadow:none!important;
}
.cart-row-remove{
width:28px!important;
height:28px!important;
border-color:transparent!important;
border-radius:var(--radius-sm)!important;
color:var(--n-50)!important;
background:transparent!important;
transform:none!important;
}
.cart-row-remove:hover,.cart-row-remove:focus-visible{
color:var(--c-surface)!important;
border-color:transparent!important;
background:var(--c-danger)!important;
transform:none!important;
}
.cart-row-remove svg{
width:16px!important;
height:16px!important;
fill:currentColor!important;
stroke:none!important;
}
.cart-doc-total{
justify-content:flex-end!important;
gap:14px!important;
padding:0!important;
}
.cart-doc-total span{
color:rgb(var(--rgb-muted) / .58)!important;
font-size:var(--text-2xs)!important;
font-weight:var(--w-regular)!important;
letter-spacing:.075em!important;
}
.cart-doc-total strong{
color:var(--c-primary)!important;
font-size:var(--text-title-md)!important;
font-weight:var(--w-medium)!important;
font-variant-numeric:tabular-nums!important;
}
}
@layer components{
[data-modal="cart"]>.div-header{
padding:18px 24px!important;
}
}
@layer base{
html{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
}
@layer components{
[data-modal="cart"] .cart-empty{
display:grid;
gap:18px;
color:var(--n-54);
padding:var(--space-6)!important;
border:1px dashed rgb(var(--rgb-line) / .22)!important;
border-radius:var(--radius-md)!important;
background:var(--c-surface-soft)!important;
}
[data-modal="cart"] .cart-empty p{
font-size:var(--text-ui);
line-height:var(--lh-ui);
margin:0!important;
color:var(--n-52)!important;
text-align:center;
}
[data-modal="cart"] .cart-doc-total{
margin-top:22px!important;
}
}
@layer components{
[data-modal="cart"] .modal-head-actions{
gap:16px!important;
}
[data-modal="cart"] .modal-head-group{
flex:0 0 auto;
}
[data-modal="cart"] .modal-head-group .modal-head-btn{
margin:0!important;
}
[data-modal="cart"] .cart-content{
padding:0!important;
background:var(--c-surface)!important;
padding-top:var(--space-4-5)!important;
padding-bottom:var(--space-4-5)!important;
}
.div-sticky{
position:sticky;
z-index:3;
margin-right:calc(-1 * var(--modal-pad-x));
margin-left:calc(-1 * var(--modal-pad-x));
padding-right:var(--modal-pad-x);
padding-left:var(--modal-pad-x);
background:rgb(var(--rgb-surface) / .84);
-webkit-backdrop-filter:blur(14px) saturate(1.04);
backdrop-filter:blur(14px) saturate(1.04);
transition:background-color .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.div-sticky.is-top{
top:0;
padding-top:var(--space-4-5);
padding-bottom:var(--space-4-5);
border-bottom:1px solid rgb(var(--rgb-line) / .14);
}
.div-sticky.is-bottom{
bottom:0;
padding-top:var(--space-4-5);
padding-bottom:var(--space-4-5);
border-top:1px solid rgb(var(--rgb-line) / .14);
}
[data-modal="cart"] .cart-doc-total span{
color:var(--c-gray-text)!important;
}
.cart-money{
display:inline-grid;
grid-template-columns:auto minmax(0,auto);
align-items:baseline;
justify-content:end;
gap:7px;
min-width:72px;
white-space:nowrap;
}
.cart-money span{
color:var(--c-gray-text);
font-size:var(--text-compact);
font-weight:700;
letter-spacing:-.01em;
}
.cart-money b{
color:var(--c-ink);
font-size:var(--text-ui-sm);
font-weight:700;
font-variant-numeric:tabular-nums;
}
.cart-money.is-quote{
color:var(--c-gray-text);
font-size:var(--text-ui-sm);
font-weight:700;
}
[data-modal="cart"] .cart-qty.qty button{
display:grid!important;
place-items:center!important;
width:28px!important;
height:28px!important;
border-radius:var(--radius-xs)!important;
color:var(--n-58)!important;
}
[data-modal="cart"] .cart-qty.qty button:hover,[data-modal="cart"] .cart-qty.qty button:focus-visible{
color:var(--c-primary)!important;
background:rgb(var(--rgb-primary) / .06)!important;
}
[data-modal="cart"] .cart-qty.qty:focus-within,[data-modal="cart"] .cart-qty.qty:hover{
border-color:rgb(var(--rgb-primary) / .24)!important;
background:rgb(var(--rgb-surface) / .82)!important;
}
[data-modal="cart"] .cart-qty.qty input:focus{
color:var(--c-primary)!important;
background:var(--c-surface)!important;
box-shadow:none!important;
}
}
@layer components{
[data-modal="cart"] .cart-grid-head,[data-modal="cart"] .cart-grid-row{
grid-template-columns:minmax(260px,1fr) 104px 118px 118px 40px!important;
}
.cart-product-open{
display:block!important;
min-width:0!important;
width:100%!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:var(--n-82)!important;
font-size:var(--text-ui)!important;
font-weight:700!important;
line-height:1.2!important;
letter-spacing:0!important;
text-align:left!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
cursor:pointer!important;
}
.cart-product-open:hover,.cart-product-open:focus-visible{
color:var(--c-link-hover)!important;
text-decoration:underline dotted var(--c-link-border);
text-underline-offset:4px!important;
outline:0!important;

text-decoration-color:var(--c-link-hover);}
[data-modal="cart"] .cart-total-cell,[data-modal="cart"] .cart-row-total{
width:118px!important;
min-width:118px!important;
max-width:118px!important;
}
[data-modal="cart"] .cart-money span{
color:var(--c-gray-text,var(--c-text-faint))!important;
text-align:left!important;
}
[data-modal="cart"] .cart-money b{
display:block!important;
min-width:0!important;
text-align:right!important;
}
[data-modal="cart"] .cart-qty.qty{
box-sizing:border-box!important;
display:grid!important;
grid-template-columns:28px 42px 28px!important;
align-items:center!important;
gap:4px!important;
width:112px!important;
height:32px!important;
min-height:0!important;
padding:1px!important;
border:.5px solid rgb(var(--rgb-line) / .18)!important;
border-radius:var(--radius-sm)!important;
background:var(--c-surface)!important;
line-height:1!important;
}
[data-modal="cart"] .cart-qty.qty input{
box-sizing:border-box!important;
width:42px!important;
height:24px!important;
min-height:0!important;
max-height:24px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:var(--radius-xs)!important;
background:rgb(var(--rgb-surface-soft) / .72)!important;
color:var(--n-54)!important;
font-size:var(--text-xs)!important;
font-weight:700!important;
line-height:24px!important;
text-align:center!important;
font-variant-numeric:tabular-nums!important;
appearance:textfield!important;
-moz-appearance:textfield!important;
}
[data-modal="cart"] .cart-qty.qty input::-webkit-outer-spin-button,[data-modal="cart"] .cart-qty.qty input::-webkit-inner-spin-button{
appearance:none!important;
margin:0!important;
}
[data-modal="cart"] .cart-row-remove{
overflow:visible!important;
width:32px!important;
height:32px!important;
min-width:32px!important;
min-height:32px!important;
}
[data-modal="cart"] .cart-row-remove svg{
width:18px!important;
height:18px!important;
}
.div-sticky.is-top,.div-sticky.is-bottom{
border-color:transparent!important;
box-shadow:none!important;
}
.div-sticky.is-top.is-stuck{
border-bottom-color:rgb(var(--rgb-line) / .14)!important;
box-shadow:0 10px 22px rgb(var(--rgb-ink) / .05)!important;
}
.div-sticky.is-bottom.is-stuck{
border-top-color:rgb(var(--rgb-line) / .14)!important;
box-shadow:0 -10px 22px rgb(var(--rgb-ink) / .05)!important;
}
}
@layer components{

[data-modal="cart"] .cart-grid-head{
background:var(--table-soft-bg)!important;
color:var(--table-head-ink)!important;
}
[data-modal="cart"] .cart-grid-row:hover{
background:var(--table-soft-bg)!important;
}
[data-modal="cart"] .cart-price-cell,[data-modal="cart"] .cart-total-cell,[data-modal="cart"] .cart-row-total{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
justify-self:end!important;
min-height:31px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:var(--c-ink)!important;
font-size:var(--text-ui-sm)!important;
font-weight:700!important;
font-variant-numeric:tabular-nums!important;
text-align:right!important;
width:104px!important;
min-width:104px!important;
max-width:104px!important;
box-sizing:border-box!important;
}
[data-modal="cart"] .cart-money{
display:grid!important;
align-items:baseline!important;
justify-content:stretch!important;
gap:0!important;
min-width:0!important;
white-space:nowrap!important;
box-sizing:border-box!important;
grid-template-columns:24px minmax(0,1fr)!important;
width:100%!important;
padding-left:var(--space-4-5)!important;
}
}
@layer components{
[data-modal="cart"] .div-sticky-sentinel{
display:block!important;
width:100%!important;
height:0!important;
margin:0!important;
padding:0!important;
pointer-events:none!important;
}
}
@layer components{
[data-modal="cart"] #cart-content.cart-content,[data-modal="cart"] .cart-content.div-main{
padding-bottom:0!important;
}
[data-modal="cart"] .cart-sheet{
padding:0!important;
align-content:start!important;
min-height:0!important;
padding-bottom:0!important;
}
[data-modal="cart"] .cart-doc-total.div-sticky{
bottom:0!important;
margin-bottom:0!important;
margin-top:18px!important;
padding-top:var(--space-4-5)!important;
padding-bottom:var(--space-4-5)!important;
border-top-color:transparent!important;
background:transparent!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
box-shadow:none!important;
}
[data-modal="cart"] .cart-doc-total.div-sticky.is-stuck{
border-top-color:rgb(var(--rgb-line) / .14)!important;
background:rgb(var(--rgb-surface) / .88)!important;
-webkit-backdrop-filter:blur(14px) saturate(1.04)!important;
backdrop-filter:blur(14px) saturate(1.04)!important;
box-shadow:0 -18px 28px rgb(var(--rgb-surface) / .72)!important;
}
}
@layer components{
[data-modal="cart"] .cart-grid{
overflow:hidden!important;
}
}
@layer components{
[data-modal="cart"] .modal-title-zone h2{
gap:0!important;
}
[data-modal="cart"] .modal-title-count{
margin-left:4px!important;
background:var(--table-soft-bg,var(--c-surface-muted))!important;
color:var(--table-head-ink,var(--c-text-muted))!important;
font-weight:700!important;
}
}
@layer components{
.profile-modal{
width:min(980px,calc(100vw - 36px));
}
.profile-modal .profile-tabs button{
display:inline-flex;
align-items:center;
justify-content:flex-start;
min-height:40px;
padding:0 var(--space-3-5);
border:0;
border-radius:var(--radius-control);
background:transparent;
color:var(--c-text-muted);
font-size:var(--text-ui);
font-weight:700;
text-align:left;
}
.profile-modal .profile-tabs button.active,.profile-modal .profile-tabs button:hover{
background:var(--c-surface);
color:var(--c-primary);
box-shadow:0 10px 24px rgb(var(--rgb-ink) / .06);
}
.profile-modal .profile-panel{
display:none;
}
.profile-modal .profile-panel>p{
margin:0;
}
.profile-modal .seg.compact{
justify-self:start;
margin:0;
border-radius:var(--radius-control);
}
.profile-modal .seg.compact label{
min-height:34px;
gap:8px;
color:var(--c-text-muted);
font-size:var(--text-ui);
font-weight:700;
}
.profile-modal .seg.compact input{
accent-color:var(--c-primary);
}
.profile-modal .profile-foot output{
min-height:20px;
color:var(--c-text-faint);
font-size:var(--text-ui);
font-weight:700;
line-height:20px;
}
.profile-modal .profile-foot output.ok:not(:empty){
color:var(--c-primary);
}
.profile-modal .profile-foot output.err:not(:empty){
color:var(--c-danger);
}
.profile-modal [data-profile-submit]{
min-width:156px;
}
.modal-field.is-doc-field>select[data-profile-doc-type]{
position:absolute;
left:7px;
top:7px;
z-index:3;
width:108px!important;
min-height:32px!important;
height:32px!important;
padding:0 26px 0 10px!important;
border:1px solid rgb(var(--rgb-line) / .16)!important;
border-radius:var(--radius-compact-lg)!important;
background:linear-gradient(45deg,transparent 50%,var(--c-text-muted) 50%) calc(100% - 13px) 13px / 5px 5px no-repeat,linear-gradient(135deg,var(--c-text-muted) 50%,transparent 50%) calc(100% - 8px) 13px / 5px 5px no-repeat,var(--c-surface-muted)!important;
color:var(--c-ink)!important;
font-size:var(--text-ui-sm)!important;
font-weight:700!important;
line-height:18px!important;
appearance:none;
-webkit-appearance:none;
}
.modal-field.is-doc-field>select[data-profile-doc-type]:focus{
border-color:var(--c-primary)!important;
outline:0!important;
box-shadow:none!important;
}
.modal-field.is-doc-field>select[data-profile-doc-type]+input:not([type="radio"]):not([type="checkbox"]){
padding-left:130px!important;
}
.modal-field.is-doc-field>select[data-profile-doc-type]+input+label{
left:130px!important;
max-width:calc(100% - 145px)!important;
}
.modal-field.is-doc-field>select[data-profile-doc-type]+input:focus+label,.modal-field.is-doc-field>select[data-profile-doc-type]+input:not(:placeholder-shown)+label{
left:122px!important;
}
}
@layer responsive;
@layer components{
.profile-modal .profile-subnav[hidden]{
display:none!important;
}
.profile-modal .profile-subnav-empty{
padding:var(--space-2-5) var(--space-3);
border-radius:var(--radius-sm);
background:rgb(var(--rgb-surface-soft) / .72);
color:var(--c-text-faint);
font-size:var(--text-ui-sm);
font-weight:700;
line-height:1.35;
}
.profile-modal .profile-address-pick strong,.profile-modal .profile-address-pick span,.profile-modal .profile-address-pick small{
display:block;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.profile-modal .profile-address-pick span,.profile-modal .profile-address-pick small{
color:var(--n-54);
font-size:var(--text-compact);
font-weight:700;
line-height:1.25;
}
.profile-modal .address-layout{
display:block!important;
}
.profile-modal .address-form>.grid2{
gap:14px 16px;
}
}
@layer responsive;
@layer components{
.profile-modal .profile-panel>.guide-note:first-child{
display:none;
}
.profile-modal .profile-secondary-note{
grid-column:1 / -1;
margin:2px 0 0;
}
.profile-modal [data-profile-panel="password"]>.guide-note:first-child{
display:block;
margin:0 0 2px;
padding:10px 14px!important;
border-radius:var(--radius-xs);
background:rgb(var(--rgb-primary) / .08);
color:var(--n-54);
font-size:var(--text-ui-sm)!important;
font-weight:400!important;
line-height:1.48!important;
}

.profile-modal .profile-panels .modal-field>input,.profile-modal .profile-panels .modal-field>textarea,.profile-modal .profile-panels .modal-field>select{
font-weight:700;
}
.profile-modal [data-profile-submit] svg{
width:20px;
height:20px;
margin:0 2px 0 -5px;
fill:none;
stroke:currentColor;
stroke-width:1.35;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.profile-modal .address-top-grid{
align-items:start;
}
.address-type-choice{
position:relative;
align-self:stretch;
min-height:46px;
}
.address-type-choice .modal-choice-trigger{
width:100%;
height:46px;
justify-content:flex-start;
border-color:rgb(var(--rgb-line) / .22);
background:var(--c-surface);
color:var(--c-ink);
}
.address-type-choice .modal-choice-trigger>svg{
width:20px;
height:20px;
margin:0 4px 0 -4px;
fill:none;
stroke:currentColor;
stroke-width:1.35;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.address-type-choice .modal-choice-trigger i{
margin-left:auto;
}
.address-type-choice .modal-choice-menu{
min-width:100%;
}
.address-type-choice .modal-choice-menu button svg,.geo-suggest button svg{
fill:none;
stroke:currentColor;
stroke-width:1.35;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.modal-field.has-counter>input:not([type="radio"]):not([type="checkbox"]){
padding-right:58px!important;
}
.modal-field-count{
position:absolute;
right:10px;
top:50%;
z-index:2;
transform:translateY(-50%);
min-width:30px;
height:20px;
display:inline-grid;
place-items:center;
padding:0 7px;
border-radius:var(--radius-2xs);
background:var(--c-surface-muted);
color:var(--c-text-muted);
font-size:var(--text-compact);
font-weight:700;
line-height:20px;
pointer-events:none;
}
.modal-field.is-geo-combo{
z-index:8;
}
.modal-field.is-geo-combo:focus-within{
z-index:20;
}
.geo-suggest{
position:absolute;
left:0;
right:0;
top:calc(100% + 6px);
z-index:30;
display:grid;
gap:4px;
max-height:246px;
padding:var(--space-1-5);
border:1px solid rgb(var(--rgb-line) / .16);
border-radius:var(--radius-sm);
background:rgb(var(--rgb-surface) / .96);
box-shadow:0 18px 44px rgb(var(--rgb-ink) / .14);
backdrop-filter:blur(14px);
overflow:auto;
}
.geo-suggest[hidden]{
display:none;
}
.geo-suggest button{
display:grid;
justify-items:start;
gap:2px;
min-height:42px;
padding:7px 9px;
border-radius:var(--radius-xs);
color:var(--c-ink);
text-align:left;
}
.geo-suggest button:hover,.geo-suggest button:focus-visible{
background:var(--c-surface-muted);
}
.geo-suggest strong{
color:var(--c-ink);
font-size:var(--text-ui);
font-weight:700;
line-height:16px;
}
.geo-suggest small,.geo-suggest-empty{
color:var(--c-text-faint);
font-size:var(--text-compact);
font-weight:700;
line-height:14px;
}
.geo-suggest mark{
padding:0 1px;
border-radius:3px;
background:rgb(var(--rgb-primary) / .12);
color:inherit;
}
.profile-checks{
display:grid;
gap:10px;
}
.profile-checks .check{
display:inline-flex;
align-items:center;
gap:8px;
width:max-content;
max-width:100%;
color:var(--c-text-muted);
font-size:var(--text-ui-sm);
font-weight:700;
line-height:18px;
}
.profile-checks .check input{
accent-color:var(--c-primary);
}
}
@layer responsive;
@layer components{
.modal-choice[data-choice-flow="down"] .modal-choice-menu{
top:calc(100% + 8px);
bottom:auto;
}
.profile-modal .profile-tabs>button{
display:grid;
grid-template-columns:20px minmax(0,1fr) auto;
column-gap:9px;
align-items:center;
min-height:40px;
padding:0 var(--space-3);
}
.profile-modal .profile-tabs>button svg{
width:18px;
height:18px;
color:currentColor;
fill:currentColor;
}
.profile-modal .profile-tabs>button span{
min-width:0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.profile-modal .profile-tabs>button b{
display:inline-grid;
min-width:20px;
height:18px;
place-items:center;
padding:0 6px;
border-radius:var(--radius-2xs);
background:var(--c-surface-muted);
color:var(--c-text-muted);
font-size:var(--text-compact);
font-weight:700;
line-height:18px;
}
.profile-modal .profile-tabs>button.active b,.profile-modal .profile-tabs>button:hover b{
background:rgb(var(--rgb-primary) / .08);
color:var(--c-primary);
}
.profile-modal .profile-panel.active{
display:grid;
align-content:start;
gap:16px;
}
.profile-modal .address-form{
display:grid;
width:100%;
max-width:none;
gap:16px;
margin:0;
}
.profile-modal .profile-address-nav.active{
border-color:rgb(var(--rgb-primary) / .18);
border:0;
background:transparent;
box-shadow:none;
}
.profile-modal .profile-address-pick svg{
grid-row:1 / span 2;
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.25;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.profile-modal .profile-address-pick strong{
font-size:var(--text-ui-sm);
line-height:14px;
}
.profile-modal .modal-head-actions>.modal-head-btn[hidden]{
display:none!important;
}
.profile-modal .modal-head-btn.is-danger{
color:var(--c-danger);
}
.profile-modal .modal-head-btn.is-danger:hover{
border-color:rgb(var(--rgb-danger) / .22);
background:rgb(var(--rgb-danger) / .06);
color:var(--c-danger);
}
.profile-modal .modal-head-btn.is-danger:disabled{
color:var(--n-34);
border-color:rgb(var(--rgb-line) / .12);
background:transparent;
cursor:default;
}
.profile-checks{
margin-top:0;
}
.profile-checks .profile-inline-link{
display:inline;
padding:0 0 1px;
border-bottom:1px dotted currentColor;
background:transparent;
color:var(--c-primary);
font-weight:500;
}
.profile-checks .check strong{
color:var(--c-ink);
font-weight:800;
}
.modal-field.is-disabled-by-profile>input{
border-color:rgb(var(--rgb-line) / .14)!important;
background:var(--c-surface-muted)!important;
color:var(--c-text-faint)!important;
cursor:not-allowed;
}
.modal-field.is-disabled-by-profile>label{
color:var(--c-text-faint)!important;
}
}
@layer components{
.profile-modal .profile-tabs>button{
margin-left:18px;
}
.profile-modal .profile-tabs>button b[hidden],.profile-modal .profile-tabs>button b.is-zero,.profile-modal .profile-tabs>button b:empty{
display:none!important;
}
.profile-modal .profile-address-pick::before{
content:"";
position:absolute;
left:0;
top:7px;
bottom:7px;
width:2px;
border-radius:2px;
background:transparent;
transition:background-color .18s ease;
}
.profile-modal .profile-address-pick:hover{
background:rgb(var(--rgb-surface) / .46);
color:var(--c-ink);
box-shadow:none;
}
.profile-modal .profile-address-nav.active .profile-address-pick{
background:rgb(var(--rgb-surface) / .72);
color:var(--c-primary);
box-shadow:0 6px 18px rgb(var(--rgb-ink) / .045);
}
.profile-modal .profile-address-nav.active .profile-address-pick::before{
background:var(--c-primary);
}
.profile-modal .profile-address-text{
display:grid;
min-width:0;
gap:1px;
}
.profile-modal .profile-address-pick small{
color:var(--c-text-faint);
font-size:var(--text-3xs);
font-weight:700;
line-height:13px;
max-width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
}
@layer components{
.profile-modal .profile-shell{
display:grid;
grid-template-columns:calc(260px + var(--modal-pad-x,42px)) minmax(0,1fr);
gap:0;
width:calc(100% + var(--modal-pad-x,42px));
min-height:100%;
height:100%;
margin:0 0 0 calc(-1 * var(--modal-pad-x,42px));
padding:0;
overflow:hidden;
}
.profile-modal .profile-main{
padding:0!important;
scrollbar-gutter:stable;
overflow:auto!important;
display:flex;
flex-direction:column;
scrollbar-width:thin;
scrollbar-color:transparent transparent;
}
.profile-modal .profile-main::-webkit-scrollbar,.profile-modal .history-list::-webkit-scrollbar{
width:1px;
height:1px;
}
.profile-modal .profile-main::-webkit-scrollbar-track,.profile-modal .history-list::-webkit-scrollbar-track,.profile-modal .profile-main::-webkit-scrollbar-thumb,.profile-modal .history-list::-webkit-scrollbar-thumb{
background:transparent;
border:0;
}
.profile-modal .profile-panels{
min-width:0;
overflow:visible!important;
scrollbar-gutter:auto;
padding:0 0 28px 28px!important;
}
.profile-modal .profile-subnav{
display:grid;
position:relative;
gap:4px;
padding:4px 0 10px 34px;
margin:-1px 0 4px 0;
padding-left:34px;
}
.profile-modal .profile-subnav::before{
content:"";
position:absolute;
top:6px;
bottom:12px;
width:1px;
left:27px;
background:rgb(var(--rgb-line) / .18);
}
.profile-modal .profile-address-nav{
display:grid;
gap:6px;
border-radius:var(--radius-control);
transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
padding:0;
border:0;
background:transparent;
box-shadow:none;
position:relative;
}
.profile-modal .profile-address-nav::before{
content:"";
position:absolute;
left:-7px;
top:6px;
bottom:6px;
z-index:1;
width:1px;
background:transparent;
transition:background-color .18s ease;
}
.profile-modal .profile-address-nav:hover::before,.profile-modal .profile-address-nav.active::before{
background:var(--c-primary);
}
.profile-modal .profile-address-pick::before{
display:none;
}
.profile-modal .profile-address-pick:hover,.profile-modal .profile-address-nav.active .profile-address-pick{
background:linear-gradient(90deg,rgb(var(--rgb-surface) / 0) 0%,rgb(var(--rgb-surface) / .86) 100%);
color:var(--c-primary);
box-shadow:none!important;
}
.profile-modal .is-address-line-field>input{
padding-right:52px!important;
}
.profile-modal .modal-field-action.is-address-map{
right:10px;
}
.profile-modal .modal-field-action.is-address-map[hidden]{
display:none!important;
}
.profile-modal .modal-field-action.is-address-map svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.25;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.profile-modal .modal-field.is-disabled-by-profile{
background:var(--c-surface-muted);
border-radius:var(--radius-xs);
}
.profile-modal .modal-field.is-disabled-by-profile>input{
background:var(--c-surface-muted)!important;
}
}
@layer components{
.profile-modal .profile-tabs>button[hidden],.profile-modal .profile-subnav[hidden]{
display:none!important;
}
.profile-modal [data-profile-panel="history"].active,.profile-modal [data-profile-panel="quotations"].active{
display:grid;
grid-template-rows:auto auto minmax(0,1fr) auto;
min-height:100%;
}
.history-date-field{
min-height:44px;
}
.history-date-field>input{
padding-right:var(--space-12)!important;
}
.history-date-field input[type="date"]::-webkit-calendar-picker-indicator{
opacity:0;
}
.history-date-field .modal-field-action svg{
width:19px;
height:19px;
fill:none;
stroke:currentColor;
stroke-width:1.25;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.profile-modal .history-list{
display:grid;
align-content:start;
gap:8px;
max-height:none;
min-height:220px;
padding:0 2px 0 0;
overflow:auto;
scrollbar-gutter:stable;
scrollbar-width:thin;
scrollbar-color:transparent transparent;
}
.profile-modal .history-card strong{
color:var(--c-ink);
font-size:var(--text-ui);
font-weight:700;
}
.profile-modal .history-card span,.profile-modal .history-card p{
color:var(--c-text-faint);
font-size:var(--text-compact);
font-weight:700;
}
.profile-modal .history-card b{
color:var(--c-ink);
font-size:var(--text-ui);
font-weight:700;
white-space:nowrap;
}
.profile-modal .history-card p{
grid-column:1 / -1;
}
.history-pagination{
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px;
min-height:42px;
margin-top:2px;
padding:8px 0 0;
border-top:1px solid rgb(var(--rgb-line) / .12);
background:linear-gradient(180deg,rgb(var(--rgb-surface) / .86),var(--c-surface));
}
.history-pagination[hidden]{
display:none!important;
}
.history-pagination span{
color:var(--c-text-faint);
font-size:var(--text-compact);
font-weight:700;
}
.history-pagination button{
display:inline-grid;
place-items:center;
width:30px;
height:30px;
border-radius:var(--radius-xs);
background:var(--n-20);
color:var(--c-ink);
}
.history-pagination button:first-child svg{
transform:rotate(90deg);
}
.history-pagination button:last-child svg{
transform:rotate(-90deg);
}
.history-pagination button:disabled{
opacity:.42;
cursor:default;
}
.history-pagination svg{
width:16px;
height:16px;
}
}
@layer components{
.profile-modal .profile-tabs>button svg,.history-status-choice .modal-choice-trigger>svg,.history-status-choice .modal-choice-menu button svg{
stroke-width:1.25!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
vector-effect:non-scaling-stroke;
}
.modal-choice-count,.history-status-choice .modal-choice-menu button b{
display:inline-grid;
min-width:20px;
height:18px;
place-items:center;
padding:0 6px;
border-radius:var(--radius-2xs);
background:var(--n-20);
color:var(--n-50);
font-size:var(--text-compact);
font-weight:700;
line-height:18px;
}
.modal-choice-count[hidden],.modal-choice-count.is-zero,.history-status-choice .modal-choice-menu button b[hidden],.history-status-choice .modal-choice-menu button b.is-zero{
display:none!important;
}
.history-status-choice .modal-choice-trigger:hover .modal-choice-count,.history-status-choice.open .modal-choice-count,.history-status-choice .modal-choice-menu button:hover b,.history-status-choice .modal-choice-menu button[aria-selected="true"] b{
background:rgb(var(--rgb-primary) / .08);
color:var(--c-primary);
}
.history-toolbar{
display:grid;
gap:12px;
align-items:center;
grid-template-columns:248px 178px;
justify-content:space-between;
}
.history-status-choice{
min-width:0;
width:248px;
}
.history-status-choice .modal-choice-trigger{
height:44px;
min-height:44px;
background:var(--c-surface);
color:var(--c-ink);
}
.history-status-choice .modal-choice-trigger>svg{
width:20px;
height:20px;
margin:0 4px 0 -4px;
}
.history-status-choice .modal-choice-trigger>span{
font-size:var(--text-ui);
}
.history-status-choice .modal-choice-trigger>i{
margin-left:10px;
}
.history-status-choice .modal-choice-menu{
width:100%;
min-width:248px;
}
.history-status-choice .modal-choice-menu button{
display:grid;
grid-template-columns:20px minmax(0,1fr) auto;
gap:9px;
}
.history-status-choice .modal-choice-menu button svg{
width:19px;
height:19px;
}
}
@layer components{
.profile-modal .profile-address-pick:not(:has(.profile-address-primary)) .profile-address-text{
grid-column:2 / 4;
}
.profile-modal .modal-head-btn.is-text{
display:inline-flex;
width:auto;
color:var(--c-ink);
font-size:var(--text-ui-sm);
height:24px!important;
min-height:24px!important;
padding:0 11px!important;
gap:8px!important;
line-height:24px!important;
}
.profile-modal .modal-head-btn.is-text svg{
width:20px!important;
height:20px!important;
margin:0!important;
}
.profile-modal .modal-head-btn.is-text span{
color:currentColor;
font-weight:700;
white-space:nowrap;
display:inline-flex;
align-items:center;
height:24px;
font-size:var(--text-ui-sm);
line-height:24px;
}
.profile-modal [data-address-form] input,.profile-modal [data-address-form] textarea{
-webkit-text-security:none;
}
}
@layer components{
.modal>.div-header .modal-head-actions .modal-head-group [data-modal-close],.modal>.div-header .modal-head-actions [data-modal-close]{
display:inline-flex!important;
visibility:visible!important;
opacity:1!important;
order:99;
}
.modal>.div-header .modal-head-actions .modal-head-group [data-modal-close] svg,.modal>.div-header .modal-head-actions [data-modal-close] svg{
display:block!important;
}
.profile-modal .modal-head-actions>.modal-head-btn.is-text{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
height:24px!important;
min-height:24px!important;
min-width:46px!important;
padding:0 11px!important;
gap:8px!important;
line-height:1!important;
box-sizing:border-box!important;
}
.profile-modal .modal-head-actions>.modal-head-btn.is-text svg{
display:block!important;
width:18px!important;
height:18px!important;
margin:0!important;
flex:0 0 18px!important;
}
.profile-modal .modal-head-actions>.modal-head-btn.is-text span{
display:inline-flex!important;
align-items:center!important;
height:24px!important;
margin:0!important;
color:currentColor!important;
font-size:var(--text-ui-sm)!important;
font-weight:700!important;
line-height:1!important;
white-space:nowrap!important;
}
.profile-modal .profile-address-pick{
justify-items:start;
gap:3px;
text-align:left;
display:grid;
align-items:center;
color:var(--c-text-muted);
transition:color .18s ease,background-color .18s ease,box-shadow .18s ease;
position:relative;
column-gap:8px;
min-height:36px;
padding:4px 9px 4px 10px;
border-radius:0 8px 8px 0;
background:linear-gradient(90deg,rgb(var(--rgb-surface) / 0) 0%,rgb(var(--rgb-surface) / .44) 100%);
box-shadow:none!important;
width:100%;
grid-template-columns:18px minmax(0,1fr) 22px!important;
}
.profile-modal .profile-address-primary{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.25;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
color:var(--c-primary);
grid-column:3!important;
justify-self:end!important;
align-self:center!important;
margin-left:auto!important;
}
.profile-modal .modal-field.is-disabled-by-profile>label{
background:transparent!important;
box-shadow:none!important;
}
.profile-modal .profile-tabs>button svg,.history-status-choice .modal-choice-trigger>svg,.history-status-choice .modal-choice-menu button svg{
fill:currentColor!important;
stroke:none!important;
}
}
.profile-modal[data-profile-current-tab]:not([data-profile-current-tab="addresses"]) [data-address-delete-current],.profile-modal[data-profile-current-tab]:not([data-profile-current-tab="addresses"]) [data-address-new]{
display:none!important;
}
.profile-modal .profile-foot[hidden]{
display:none!important;
}
.profile-modal .profile-foot .modal-foot-left:has(> output:empty):not(:has(.modal-choice:not([hidden]))){
display:none!important;
}
.profile-modal .profile-foot .history-page-size-choice{
width:180px;
max-width:180px;
}
.profile-modal .profile-foot .history-page-size-choice[hidden],.profile-modal .profile-foot .history-footer-pagination[hidden]{
display:none!important;
}
.profile-modal .profile-foot .history-footer-pagination{
display:flex;
align-items:center;
justify-content:flex-end;
gap:6px;
}
.profile-modal .profile-foot .history-footer-pagination .modal-foot-btn{
min-width:36px;
width:auto;
padding-inline:10px;
}
.profile-modal .profile-foot .history-footer-pagination .modal-foot-btn.is-icon{
width:36px;
min-width:36px;
padding:0;
}
.profile-modal .profile-foot .history-footer-pagination .modal-foot-btn:first-child svg{
transform:rotate(180deg);
}
.profile-modal .profile-foot .history-page-gap{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:20px;
color:var(--n-45);
font-size:var(--text-ui-sm);
font-weight:700;
}
.profile-modal [data-profile-panel="history"].active{
grid-template-rows:auto auto minmax(0,1fr);
}
.profile-modal .history-pagination.div-sticky{
display:none!important;
}
.profile-modal .history-list{
padding-bottom:2px;
}
.profile-modal .history-order-link:hover{
text-decoration:underline;
text-underline-offset:3px;

text-decoration-color:var(--c-link-hover);}
.profile-modal .history-markers{
display:inline-flex;
align-items:center;
gap:5px;
min-width:0;
flex-wrap:wrap;
}
.profile-modal .history-markers i,.history-order-summary .is-status{
display:inline-flex;
align-items:center;
min-height:20px;
padding:3px 7px;
border-radius:var(--radius-2xs);
background:rgb(var(--rgb-surface-soft) / .92);
color:var(--n-55);
font-size:var(--text-compact);
font-style:normal;
font-weight:700;
line-height:1;
white-space:nowrap;
}
.history-order-modal .history-order-main{
display:grid;
align-content:start;
gap:14px;
}
.history-order-summary{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
padding:var(--space-2-5);
border:.5px solid rgb(var(--rgb-faint) / .42);
border-radius:var(--radius-md);
background:rgb(var(--rgb-surface-soft) / .86);
}
.history-order-summary span{
color:var(--n-45);
font-size:var(--text-3xs);
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}
.history-order-summary b{
overflow:hidden;
color:var(--n-75);
font-size:var(--text-ui);
font-weight:700;
text-overflow:ellipsis;
white-space:nowrap;
}
.history-order-summary b small{
color:var(--n-45);
font-size:var(--text-compact);
font-weight:700;
}
.modal-choice[data-choice-flow="up"] .modal-choice-menu{
top:auto;
bottom:calc(100% + 6px);
}
@layer components{
.profile-modal:not([data-profile-current-tab="addresses"]) .modal-head-actions>[data-address-delete-current],.profile-modal:not([data-profile-current-tab="addresses"]) .modal-head-actions>[data-address-new],.profile-modal .modal-head-actions>[data-address-delete-current][hidden],.profile-modal .modal-head-actions>[data-address-new][hidden],.profile-modal .modal-head-actions>.modal-head-btn[aria-hidden="true"]{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
.profile-modal[data-profile-current-tab="addresses"] .modal-head-actions>[data-address-new]:not([hidden]){
display:inline-flex!important;
}
}
@layer components{
.profile-modal .history-order-link span,.profile-modal .history-order-link small{
color:var(--blue)!important;
}
.profile-modal .history-markers i.is-count{
justify-content:center;
min-width:20px;
padding-inline:7px;
}
.profile-modal .history-markers i.is-delivery{
font-weight:700;
}
.profile-modal .history-markers .is-status,.history-order-summary .is-status{
gap:5px;
font-weight:700!important;
}
.profile-modal .history-markers .is-status svg,.history-order-summary .is-status svg{
width:13px;
height:13px;
flex:0 0 13px;
color:currentColor;
fill:currentColor;
stroke:none;
}
.profile-modal .history-markers .is-status span,.history-order-summary .is-status span{
color:currentColor;
font-size:inherit;
font-weight:inherit;
letter-spacing:normal;
text-transform:none;
}
.history-order-summary{
padding:0!important;
border:0!important;
background:transparent!important;
}
.history-order-summary span{
font-weight:700!important;
}
.history-order-summary b{
font-weight:700!important;
}
.history-order-cart-grid{
border-radius:var(--radius-md);
overflow:hidden;
}
.history-order-cart-grid .cart-grid-head,.history-order-cart-grid .cart-grid-row{
grid-template-columns:minmax(260px,1fr) 72px 118px!important;
}
.history-order-cart-grid .cart-grid-head{
align-items:center!important;
}
.history-order-cart-grid .cart-grid-row{
align-items:start!important;
min-height:58px!important;
padding-top:var(--space-3)!important;
padding-bottom:var(--space-3)!important;
}
.history-order-cart-grid .cart-grid-row:hover{
background:var(--c-surface)!important;
}
.history-order-cart-grid .cart-product,.history-order-cart-grid .history-order-qty,.history-order-cart-grid .cart-total-cell{
align-self:start!important;
}
.history-order-cart-grid .cart-grid-head span:nth-child(n+2),.history-order-cart-grid .history-order-qty,.history-order-cart-grid .cart-total-cell{
text-align:right;
justify-self:end;
}
.history-order-cart-grid .history-order-qty{
color:var(--n-65);
font-size:var(--text-ui);
font-weight:700;
font-variant-numeric:tabular-nums;
}


.history-docs-choice{
width:min(260px,100%);
}
.history-docs-choice .modal-foot-btn{
padding-left:var(--space-4)!important;
}
.history-docs-choice .modal-foot-btn>svg{
margin-left:0!important;
}
.history-docs-choice .modal-foot-btn span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.history-docs-choice .modal-foot-menu a:hover,.history-docs-choice .modal-foot-menu a:focus-visible{
background:rgb(var(--rgb-primary) / .06);
color:var(--c-link-hover);
}
.history-docs-choice .modal-foot-menu a svg{
width:18px!important;
height:18px!important;
flex:0 0 18px!important;
color:currentColor!important;
fill:none!important;
stroke:currentColor!important;
}
[data-history-order-repeat][disabled]{
opacity:.55;
pointer-events:none;
}
[data-history-order-repeat].is-repeat-blocked{
background:var(--n-30);
color:var(--n-58);
box-shadow:none;
cursor:not-allowed;
filter:none;
transform:none;
}
[data-history-order-repeat].is-repeat-blocked svg{
opacity:.72;
}
[data-history-order-repeat].is-repeat-blocked:hover,[data-history-order-repeat].is-repeat-blocked:focus-visible{
filter:none;
transform:none;
}
[data-modal="confirm"] [data-confirm-message]{
white-space:pre-line;
}
}
@layer components{
.history-docs-choice .modal-foot-btn>svg,.history-docs-choice .modal-foot-btn>svg *,.history-docs-choice .modal-foot-menu a svg,.history-docs-choice .modal-foot-menu a svg *{
fill:none!important;
stroke:currentColor!important;
stroke-width:1!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
vector-effect:non-scaling-stroke;
}
}
.profile-password-form{
display:grid;
gap:var(--space-4);
}
.profile-password-grid{
align-items:start;
}
.profile-password-form output{
min-height:1.2em;
}
.profile-modal .modal-head-btn[data-profile-password-generate]{
color:var(--c-blue);
}
.profile-modal .modal-head-btn[data-profile-password-generate][hidden]{
display:none!important;
}
.checkout-modal>.checkout-head{
padding:34px 42px 24px!important;
border-bottom:.5px solid var(--line-08);
}
.checkout-modal .checkout-form{
padding:26px 42px!important;
overflow:auto;
}
.checkout-main-col,.checkout-side-col{
min-width:0;
}
.checkout-block{
display:grid;
gap:10px;
}
.checkout-block h3,.checkout-side-card h3{
margin:0;
color:var(--n-70);
font-size:var(--text-ui-sm);
font-weight:var(--w-bold);
letter-spacing:.07em;
text-transform:uppercase;
}
.checkout-choice{
width:100%;
}
.checkout-delivery-row{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
align-items:center;
}
.checkout-store-info{
display:grid;
gap:6px;
min-width:0;
}
.checkout-store-info[hidden]{
display:none!important;
}
.checkout-store-line{
display:inline-flex;
align-items:center;
min-width:0;
gap:7px;
margin:0;
color:var(--n-55);
font-size:var(--text-ui-sm);
font-weight:400;
line-height:1.35;
text-decoration:none;
}
.checkout-store-line>svg{
width:15px;
height:15px;
flex:0 0 auto;
}
.checkout-store-line>span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
}
.checkout-store-line.is-map{
width:fit-content;
max-width:100%;
color:var(--c-blue);
font-weight:700;
}
.checkout-store-line.is-map:hover,.checkout-store-line.is-map:focus-visible{
text-decoration:underline;
}
.checkout-store-line.is-hours{
color:var(--n-62);
}
.checkout-choice .modal-choice-trigger{
width:100%;
min-height:46px;
justify-content:flex-start;
border-color:rgb(var(--rgb-line) / .22);
border-radius:var(--radius-control);
background:var(--c-surface);
color:var(--c-ink);
}
.checkout-choice .modal-choice-trigger:hover,.checkout-choice.open .modal-choice-trigger{
border-color:rgb(var(--rgb-primary) / .24);
background:var(--c-surface);
color:var(--c-primary);
}
.checkout-choice .modal-choice-trigger>svg,.checkout-choice .modal-choice-menu button svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.checkout-choice .modal-choice-trigger>svg{
margin:0 4px 0 -4px;
}
.checkout-choice .modal-choice-menu button small{
display:block;
margin-top:2px;
color:var(--n-40);
font-size:var(--text-3xs);
font-weight:var(--w-medium);
line-height:1.25;
}
.checkout-store-note,.checkout-hint,.checkout-min-note{
margin:0;
color:var(--n-48);
font-size:var(--text-ui-sm);
font-weight:var(--w-medium);
line-height:1.45;
}
.checkout-min-note.is-danger{
color:var(--c-red);
}
.checkout-address-fields,.checkout-contact-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px 16px;
}
.checkout-address-fields .is-wide{
grid-column:1 / -1;
}
.checkout-contact-grid [hidden]{
display:none!important;
}
.checkout-recipient-field{
position:relative;
}
.checkout-recipient-field>input:not([type="radio"]):not([type="checkbox"]){
padding-right:46px!important;
}
.checkout-recipient-toggle{
position:absolute;
top:1px;
right:1px;
z-index:2;
display:inline-grid;
width:42px;
height:calc(100% - 2px);
place-items:center;
border:0;
border-left:1px solid rgb(var(--rgb-line) / .16);
border-radius:0 8px 8px 0;
background:transparent;
color:var(--c-text-muted);
cursor:pointer;
}
.checkout-recipient-toggle:hover,.checkout-recipient-toggle:focus-visible{
color:var(--c-blue);
background:rgb(var(--rgb-primary) / .045);
outline:0;
}
.checkout-recipient-toggle svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1;
stroke-linecap:round;
stroke-linejoin:round;
}
.checkout-recipient-field.open .checkout-recipient-toggle svg{
transform:rotate(180deg);
}
.checkout-recipient-menu{
position:absolute;
z-index:55;
top:calc(100% + 6px);
left:0;
right:0;
display:grid;
gap:2px;
max-height:240px;
overflow:auto;
padding:var(--space-2);
border:1px solid rgb(var(--rgb-line) / .16);
border-radius:var(--radius-md);
background:var(--c-surface);
box-shadow:0 18px 45px rgb(var(--rgb-ink) / .13);
}
.checkout-recipient-menu[hidden]{
display:none!important;
}
.checkout-recipient-menu button{
display:grid;
grid-template-columns:22px minmax(0,1fr);
gap:8px;
align-items:center;
width:100%;
padding:9px 10px;
border:0;
border-radius:var(--radius-sm);
background:transparent;
color:var(--c-ink);
text-align:left;
cursor:pointer;
}
.checkout-recipient-menu button:hover,.checkout-recipient-menu button:focus-visible{
background:rgb(var(--rgb-primary) / .06);
color:var(--c-blue);
outline:0;
}
.checkout-recipient-menu button svg{
width:17px;
height:17px;
color:currentColor;
fill:none;
stroke:currentColor;
stroke-width:1;
stroke-linecap:round;
stroke-linejoin:round;
vector-effect:non-scaling-stroke;
}
.checkout-recipient-menu button span{
display:grid;
min-width:0;
gap:1px;
}
.checkout-recipient-menu b{
overflow:hidden;
color:inherit;
font-size:var(--text-ui);
font-weight:700;
line-height:1.22;
text-overflow:ellipsis;
white-space:nowrap;
}
.checkout-recipient-menu small,.checkout-recipient-menu em,.checkout-recipient-empty{
color:var(--n-45);
font-size:var(--text-compact);
font-style:normal;
font-weight:700;
line-height:1.22;
}
.checkout-recipient-empty{
padding:var(--space-2-5);
}
.checkout-modal .modal-field input,.checkout-modal .modal-field textarea{
width:100%;
min-height:44px;
padding:0 var(--space-3-5);
border:.5px solid var(--line-12);
border-radius:var(--radius-sm);
background:rgb(var(--rgb-surface) / .96);
color:var(--n-70);
font:inherit;
font-size:var(--text-ui);
outline:none;
box-shadow:inset 0 1px 0 rgb(var(--rgb-surface) / .8);
}
.checkout-modal .modal-field textarea{
min-height:78px;
padding-top:var(--space-3);
resize:vertical;
}
.checkout-modal .modal-field input:focus,.checkout-modal .modal-field textarea:focus{
border-color:rgb(var(--rgb-primary) / .42);
box-shadow:0 0 0 3px rgb(var(--rgb-primary) / .08);
}
.checkout-modal output{
min-height:18px;
color:var(--n-50);
font-size:var(--text-ui-sm);
font-weight:var(--w-medium);
}
.checkout-modal output.ok{
color:var(--c-green);
}
.checkout-modal output.err{
color:var(--c-red);
}
.checkout-foot{
padding:18px 42px!important;
border-top:.5px solid var(--line-08);
}
.checkout-foot .modal-foot-btn svg{
width:17px;
height:17px;
}
.checkout-data-choice .modal-foot-menu{
min-width:270px!important;
}
.checkout-data-choice .modal-foot-btn svg{
width:17px;
height:17px;
}
.checkout-data-choice .modal-foot-menu button svg{
width:17px!important;
height:17px!important;
}
.checkout-modal .modal-field{
position:relative;
display:block;
min-width:0;
gap:0;
margin:0;
}
.checkout-modal .modal-field>input:not([type="radio"]):not([type="checkbox"]),.checkout-modal .modal-field>textarea,.checkout-modal .modal-field>select{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-height:46px!important;
margin:0!important;
padding:15px 14px 7px!important;
border:1px solid rgb(var(--rgb-line) / .22)!important;
border-radius:var(--radius-xs)!important;
background:var(--c-surface)!important;
color:var(--c-ink)!important;
font-size:var(--text-md)!important;
font-weight:700!important;
line-height:20px!important;
outline:0!important;
box-shadow:none!important;
transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}
.checkout-modal .modal-field>textarea{
min-height:104px!important;
padding-top:var(--space-4-5)!important;
resize:vertical;
}
.checkout-modal .modal-field>input::placeholder,.checkout-modal .modal-field>textarea::placeholder{
color:transparent!important;
}
.checkout-modal .modal-field>label{
position:absolute;
left:13px;
top:14px;
z-index:1;
max-width:calc(100% - 26px);
padding:0 5px;
border-radius:var(--radius-compact);
background:linear-gradient(to bottom,transparent 0 47%,var(--c-surface) 47% 100%);
color:var(--c-text-faint);
font-size:var(--text-md);
font-weight:700;
line-height:18px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
pointer-events:none;
transform-origin:left center;
transition:top .18s ease,color .18s ease,font-size .18s ease,line-height .18s ease,transform .18s ease,background-color .18s ease;
}
.checkout-modal .modal-field>input:not([type="radio"]):not([type="checkbox"]):focus,.checkout-modal .modal-field>textarea:focus,.checkout-modal .modal-field>select:focus{
border-color:rgb(var(--rgb-primary) / .52)!important;
box-shadow:0 0 0 3px rgb(var(--rgb-primary) / .08)!important;
background:var(--c-surface)!important;
}
.checkout-modal .modal-field>input:focus+label,.checkout-modal .modal-field>input:not(:placeholder-shown)+label,.checkout-modal .modal-field>input[type="date"]+label,.checkout-modal .modal-field>textarea:focus+label,.checkout-modal .modal-field>textarea:not(:placeholder-shown)+label,.checkout-modal .modal-field>select:focus+label,.checkout-modal .modal-field>select+label,.checkout-modal .modal-field.is-filled>label{
top:-8px;
color:var(--c-primary);
font-size:var(--text-compact);
line-height:16px;
transform:translateY(0);
}
.checkout-modal .modal-field>input:not(:focus):not(:placeholder-shown)+label,.checkout-modal .modal-field>input[type="date"]:not(:focus)+label,.checkout-modal .modal-field>textarea:not(:focus):not(:placeholder-shown)+label,.checkout-modal .modal-field>select:not(:focus)+label,.checkout-modal .modal-field.is-filled:not(:focus-within)>label{
color:var(--c-text-muted);
}
.checkout-payment-block .checkout-choice[data-choice-flow="up"] .modal-choice-menu{
top:auto;
bottom:calc(100% + 6px);
}
@layer components{
.history-order-summary div{
display:grid;
gap:4px;
min-width:0;
min-height:58px;
padding:9px 10px!important;
border-radius:var(--radius-xs)!important;
background:var(--n-10)!important;
}
.history-docs-choice .modal-foot-btn>svg{
color:var(--c-ink)!important;
}
.history-docs-choice .modal-foot-menu a{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:0 var(--space-2-5);
border:0;
border-radius:var(--radius-sm);
background:transparent;
text-align:left;
text-decoration:none;
min-height:38px!important;
color:var(--c-ink)!important;
font-size:var(--text-ui)!important;
font-weight:700!important;
}
.history-docs-choice .modal-foot-menu a span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-weight:700!important;
}
.history-docs-choice .modal-foot-menu a[data-doc-placeholder]{
opacity:.62!important;
}
.history-order-cart-grid .cart-price-cell,.history-order-cart-grid .cart-total-cell,.history-order-cart-grid .cart-row-total,.history-order-cart-grid .history-order-qty{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
justify-self:end!important;
min-width:0!important;
min-height:0!important;
width:auto!important;
max-width:none!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:var(--c-ink)!important;
font-size:var(--text-ui)!important;
font-weight:700!important;
}
.history-order-cart-grid .cart-money{
min-width:0!important;
width:auto!important;
padding:0!important;
gap:6px!important;
}
.history-order-cart-grid .cart-money span,.history-order-cart-grid .cart-money b{
color:var(--c-ink)!important;
font-size:var(--text-ui)!important;
font-weight:700!important;
}
}
@layer components{
.profile-modal .guide-note.profile-secondary-note,.profile-modal .profile-secondary-note.guide-note{
font-size:var(--text-sm);
line-height:1.42;
padding-top:var(--space-2-5);
padding-bottom:var(--space-2-5);
}
}
@media (min-width:761px){
@layer components{
.profile-modal{
--profile-desktop-nav-top:22px;
}
.profile-modal>.profile-main.div-main{
display:flex!important;
flex:1 1 auto!important;
min-height:0!important;
padding-top:var(--space-3-5)!important;
overflow:hidden!important;
}
.profile-modal .profile-shell{
display:grid;
grid-template-columns:calc(260px + var(--modal-pad-x,42px)) minmax(0,1fr);
align-items:stretch;
flex:1 1 auto;
width:calc(100% + var(--modal-pad-x,42px));
min-height:0;
height:100%;
margin-left:calc(-1 * var(--modal-pad-x,42px));
overflow:hidden;
}
.profile-modal .profile-tabs{
z-index:3;
display:flex;
flex:0 0 calc(260px + var(--modal-pad-x,42px));
flex-direction:column;
gap:8px;
align-content:start;
align-self:stretch;
width:calc(260px + var(--modal-pad-x,42px));
height:auto;
min-height:0;
max-height:none;
padding:var(--profile-desktop-nav-top,22px) 14px 14px 0;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-gutter:stable;
border-top:0!important;
border-right:0!important;
border-bottom:0;
border-radius:0 8px 0 0;
background:linear-gradient(180deg,var(--c-surface-muted) 0%,rgb(var(--rgb-surface-soft) / .72) 56%,var(--c-surface) 100%)!important;
}
.profile-modal .profile-panels{
min-height:0;
height:100%;
max-height:100%;
padding-top:var(--space-3-5)!important;
overflow-y:auto!important;
overflow-x:hidden;
overscroll-behavior:contain;
}
.profile-modal .profile-panel.active{
min-height:0;
}
.profile-modal [data-profile-panel="history"].active,.profile-modal [data-profile-panel="quotations"].active{
min-height:0;
}
.profile-modal [data-profile-panel="history"].active .history-list,.profile-modal [data-profile-panel="quotations"].active .history-list{
min-height:0;
}
}
}
@layer components{
.guide-note.profile-secondary-note,.profile-secondary-note.guide-note,.profile-modal .guide-note.profile-secondary-note,.profile-modal .profile-secondary-note.guide-note{
font-size:var(--text-ui-sm)!important;
line-height:1.48!important;
padding-top:var(--space-2-5)!important;
padding-bottom:var(--space-2-5)!important;
}
}
@layer components{
.profile-modal .history-markers .is-status,.history-order-summary .is-status{
border:0!important;
color:var(--c-surface)!important;
}
.profile-modal .history-markers .is-status svg,.history-order-summary .is-status svg,.profile-modal .history-markers .is-status span,.history-order-summary .is-status span{
color:var(--c-surface)!important;
fill:currentColor!important;
}
.profile-modal .history-markers .is-status.is-work,.history-order-summary .is-status.is-work{
background:var(--c-primary)!important;
color:var(--c-surface)!important;
}
.profile-modal .history-markers .is-status.is-done,.history-order-summary .is-status.is-done{
background:var(--c-success)!important;
color:var(--c-surface)!important;
}
.profile-modal .history-markers .is-status.is-canceled,.history-order-summary .is-status.is-canceled{
background:var(--c-danger)!important;
color:var(--c-surface)!important;
}
}
@layer components{
.profile-modal .history-markers .is-count{
display:none!important;
}
}
@layer components{
.profile-modal .history-card{
display:grid;
align-items:center;
border:.5px solid rgb(var(--rgb-faint) / .42);
border-radius:var(--radius-control);
box-shadow:none;
grid-template-columns:minmax(0,1fr) 120px!important;
gap:0!important;
padding:12px 0 12px 14px!important;
background:transparent!important;
}
.profile-modal .history-order-link{
display:inline-flex;
align-items:baseline;
gap:4px;
min-width:0;
padding:0;
border:0;
background:transparent;
color:var(--blue);
font:inherit;
font-size:var(--text-md);
letter-spacing:.01em;
cursor:pointer;
font-weight:700!important;
}
.profile-modal .history-markers{
justify-self:start!important;
}
.profile-modal .history-card>b{
color:var(--n-75);
font-size:var(--text-md);
white-space:nowrap;
font-weight:700!important;
justify-self:end!important;
align-self:center!important;
width:120px!important;
min-width:120px!important;
padding-left:0!important;
padding-right:var(--space-3-5)!important;
box-sizing:border-box!important;
text-align:left!important;
font-variant-numeric:tabular-nums!important;
}
.history-order-summary b small{
font-size:inherit!important;
font-weight:700!important;
}
}
@layer components{
.profile-modal .history-card-main{
flex-wrap:wrap;
display:grid!important;
align-items:center!important;
gap:0!important;
min-width:0!important;
grid-template-columns:195px minmax(0,1fr)!important;
}
.profile-modal .history-order-link small{
white-space:nowrap;
font-size:inherit!important;
font-weight:700!important;
color:var(--blue)!important;
}
.profile-modal .history-card>b.history-amount .history-amount-symbol{
justify-self:start!important;
}
.profile-modal .history-card>b.history-amount .history-amount-quote{
grid-column:1 / -1!important;
justify-self:end!important;
}
}
@layer components{
.profile-modal .history-order-link,.profile-modal .history-order-link span,.profile-modal .history-order-link small{
font-size:var(--text-sm)!important;
line-height:1.2!important;
}
.profile-modal .history-card>b.history-amount{
display:grid!important;
grid-template-columns:auto minmax(0,1fr)!important;
align-items:center!important;
gap:4px!important;
text-align:left!important;
line-height:1.2!important;
font-size:var(--text-sm)!important;
font-weight:700!important;
}
}
@layer components{
.profile-modal .history-card>b.history-amount .history-amount-value{
justify-self:end!important;
text-align:right!important;
font-variant-numeric:tabular-nums!important;
color:var(--c-ink)!important;
}
.history-order-cart-grid .history-order-row .cart-product strong{
font-weight:400!important;
}
}
@layer components{
.profile-modal .modal-head-actions>[data-address-delete-current]:disabled{
color:var(--n-38)!important;
border-color:rgb(var(--rgb-line) / .18)!important;
background:transparent!important;
opacity:.58!important;
cursor:default!important;
pointer-events:none!important;
}
.profile-modal .modal-head-actions>[data-address-delete-current]:disabled svg,.profile-modal .modal-head-actions>[data-address-delete-current]:disabled svg *{
color:var(--n-38)!important;
stroke:currentColor!important;
fill:none!important;
}
}
@layer components{
.profile-modal .history-order-link,.profile-modal .history-order-link span,.profile-modal .history-order-link small{
font-weight:400!important;
}
.profile-modal .history-pagination .is-history-prev svg,.profile-modal [data-history-footer-pagination] .is-history-prev svg{
transform:rotate(90deg);
}
.profile-modal .history-pagination .is-history-next svg,.profile-modal [data-history-footer-pagination] .is-history-next svg{
transform:rotate(-90deg);
}
}
@layer components{
.profile-modal .history-pagination .is-history-prev svg,.profile-modal [data-history-footer-pagination] .is-history-prev svg,.profile-modal .history-pagination .is-history-next svg,.profile-modal [data-history-footer-pagination] .is-history-next svg{
transform:none!important;
}
}
@layer components{
.profile-modal [data-history-footer-pagination] .modal-foot-btn.is-icon,.profile-modal .history-pagination .modal-foot-btn.is-icon{
display:inline-grid!important;
place-items:center!important;
padding:0!important;
text-align:center!important;
}
.profile-modal [data-history-footer-pagination] .modal-foot-btn.is-icon svg,.profile-modal .history-pagination .modal-foot-btn.is-icon svg{
display:block!important;
width:20px!important;
height:20px!important;
flex:0 0 20px!important;
margin:0!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.profile-modal [data-history-footer-pagination] .modal-foot-btn.is-icon svg *,.profile-modal .history-pagination .modal-foot-btn.is-icon svg *{
fill:none!important;
stroke:currentColor!important;
stroke-width:1!important;
vector-effect:non-scaling-stroke;
}
.profile-modal .profile-foot .history-page-size-choice{
width:220px;
max-width:220px;
margin-left:-18px;
}
.profile-modal .profile-foot .history-page-size-choice .modal-choice-trigger{
padding-left:var(--space-3);
}
.profile-modal .profile-foot .history-page-size-choice .modal-choice-trigger>svg{
width:20px;
height:20px;
flex:0 0 20px;
margin:0 9px 0 0;
}
.profile-modal .profile-foot .history-page-size-choice .modal-choice-trigger>span{
font-weight:700;
}
.profile-modal .profile-foot .history-page-size-choice .modal-choice-trigger>i{
width:38px;
min-width:38px;
margin-left:auto;
}
.profile-modal .profile-foot .history-page-size-choice .modal-choice-menu{
width:100%;
}
.profile-modal .profile-foot .history-page-size-choice .modal-choice-menu button svg{
margin-right:9px;
}
}
@layer components{
.profile-modal .profile-main{
padding-top:25px!important;
}
.guide-content ul{
margin-top:12px!important;
}
.profile-modal .profile-address-pick strong{
color:var(--c-text-muted)!important;
font-weight:400!important;
}
[data-modal="cart"] .cart-doc-total,[data-modal="cart"] .cart-doc-total.div-sticky{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:14px!important;
padding-left:var(--modal-pad-x)!important;
text-align:right!important;
flex:0 0 auto!important;
align-self:stretch!important;
min-height:0!important;
height:auto!important;
margin-top:18px!important;
margin-bottom:0!important;
padding-top:var(--space-4-5)!important;
padding-bottom:var(--space-4-5)!important;
border-top-color:transparent!important;
background:transparent!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
padding-right:var(--modal-pad-x)!important;
}
}
@layer components{
.profile-modal .modal-field.is-geo-combo.has-field-action>input:not([type="radio"]):not([type="checkbox"]){
padding-right:46px!important;
}
.profile-modal .modal-field.is-geo-combo .geo-combo-toggle{
right:8px;
width:30px;
height:30px;
color:var(--n-58);
}
.profile-modal .modal-field.is-geo-combo .geo-combo-toggle svg{
width:16px;
height:16px;
transform:rotate(0deg);
}
.profile-modal .modal-field.is-geo-combo:focus-within .geo-combo-toggle{
color:var(--c-primary);
}
.address-type-choice .modal-choice-menu button svg{
width:18px;
height:18px;
flex:0 0 18px;
}
[data-modal="cart"] .cart-intro{
margin-bottom:0!important;
}
}
.confirm-stock-list{
display:grid;
gap:7px;
margin:12px 0;
padding:0;
list-style:none;
}
.confirm-stock-list li{
display:grid;
gap:2px;
padding:9px 10px;
border-radius:var(--radius-sm);
background:rgb(var(--rgb-surface-soft) / .92);
color:var(--c-text-muted);
font-size:var(--text-ui-sm);
line-height:1.35;
}
.confirm-stock-list strong{
color:var(--c-ink);
font-weight:700;
}
.confirm-stock-list span,.confirm-muted{
color:var(--n-54);
font-size:var(--text-ui-sm);
line-height:1.4;
}
.confirm-inline-action{
display:inline;
padding:0;
border:0;
background:transparent;
color:var(--c-primary);
font:inherit;
font-weight:700;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
.confirm-inline-action:hover,.confirm-inline-action:focus-visible{
color:var(--c-primary-dark);
outline:0;
}
.checkout-modal{
max-height:min(760px,calc(100vh - 44px));
overflow:hidden;
width:min(1040px,calc(100vw - 44px))!important;
}
.checkout-layout{
display:grid;
align-items:start;
--checkout-field-col:minmax(0,304px);
--checkout-form-gap:16px;
--checkout-receipt-col:minmax(252px,288px);
grid-template-columns:var(--checkout-field-col) var(--checkout-field-col) var(--checkout-receipt-col)!important;
gap:18px 28px!important;
}
.checkout-main-col{
grid-column:1 / span 2;
display:grid!important;
grid-template-columns:var(--checkout-field-col) var(--checkout-field-col);
gap:14px var(--checkout-form-gap)!important;
align-items:start;
}
.checkout-side-col{
grid-column:3;
position:sticky;
top:0;
}
.checkout-delivery-block,.checkout-contact-block,.checkout-address-block,.checkout-schedule-block{
grid-column:1 / -1;
}
.checkout-payment-block,.checkout-carrier-block{
grid-column:1 / 2;
width:100%!important;
}
.checkout-delivery-row,.checkout-address-fields,.checkout-contact-grid{
grid-template-columns:repeat(2,minmax(0,304px))!important;
gap:12px var(--checkout-form-gap)!important;
}
.checkout-schedule-note{
grid-column:1 / -1;
margin:0!important;
max-width:calc((304px * 2) + var(--checkout-form-gap));
}
.checkout-schedule-grid{
display:grid;
grid-template-columns:160px 228px minmax(0,1fr) minmax(0,1fr)!important;
gap:12px var(--checkout-form-gap)!important;
max-width:calc((304px * 2) + var(--checkout-form-gap));
}
.checkout-schedule-grid>.modal-field,.checkout-schedule-grid>.checkout-choice{
grid-column:span 1;
min-width:0;
}
.checkout-time-choice .modal-choice-trigger{
padding-right:0!important;
}
.checkout-choice .modal-choice-trigger,.checkout-modal .modal-field>input:not([type="radio"]):not([type="checkbox"]),.checkout-modal .modal-field>textarea,.checkout-modal .modal-field>select{
min-height:46px!important;
}
.checkout-side-card{
display:grid;
position:relative;
isolation:isolate;
gap:14px!important;
padding:20px 18px 18px!important;
border:1px dashed rgb(var(--rgb-line) / .28)!important;
border-radius:var(--radius-lg)!important;
background:linear-gradient(180deg,rgb(var(--rgb-surface) / .98),rgb(var(--rgb-surface-soft) / .96))!important;
color:var(--n-70);
font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
box-shadow:0 18px 42px rgb(var(--rgb-ink) / .08)!important;
}
.checkout-side-card::before,.checkout-side-card::after{
content:"";
position:absolute;
left:14px;
right:14px;
height:8px;
background-image:radial-gradient(circle at 4px 4px,rgb(var(--rgb-line) / .34) 1px,transparent 1.6px);
background-size:10px 8px;
opacity:.38;
pointer-events:none;
}
.checkout-side-card::before{
top:8px;
}
.checkout-side-card::after{
bottom:8px;
}
.checkout-receipt-head{
display:flex;
align-items:baseline;
gap:12px;
padding-bottom:var(--space-2-5);
border-bottom:1px dashed rgb(var(--rgb-line) / .22);
}
.checkout-receipt-head h3{
font-family:inherit;
letter-spacing:.16em;
}
.checkout-receipt-head span{
color:var(--n-42);
font-size:var(--text-3xs);
font-weight:700;
}
.checkout-side-lines{
display:grid;
gap:9px!important;
}
.checkout-receipt-options{
display:grid;
gap:8px;
padding-top:var(--space-3);
border-top:1px dashed rgb(var(--rgb-line) / .22);
}
.checkout-receipt-options[hidden]{
display:none!important;
}
.checkout-receipt-options p,.checkout-receipt-options em{
margin:0;
}
.checkout-receipt-options p{
color:var(--n-52);
font-size:var(--text-3xs);
font-weight:700;
letter-spacing:.12em;
text-transform:uppercase;
}
.checkout-receipt-options button{
display:grid;
gap:0;
width:100%;
padding:9px 10px;
border:1px solid rgb(var(--rgb-line) / .18);
border-radius:var(--radius-sm);
background:var(--c-surface);
color:var(--c-ink);
text-align:left;
cursor:pointer;
}
.checkout-receipt-options button:hover,.checkout-receipt-options button:focus-visible,.checkout-receipt-options button.active{
border-color:rgb(var(--rgb-primary) / .35);
background:rgb(var(--rgb-primary) / .055);
color:var(--c-blue);
outline:0;
}
.checkout-receipt-options button span{
font-size:var(--text-ui-sm);
font-weight:700;
line-height:1.2;
}
.modal-foot output,.checkout-modal output,[data-modal="claim"] output,[data-modal="history-order"] output{
transition:opacity .42s ease;
}
.modal-foot output.process:not(:empty),.checkout-modal output.process:not(:empty),[data-modal="claim"] output.process:not(:empty),[data-modal="history-order"] output.process:not(:empty){
color:var(--c-text-muted)!important;
}
.modal-foot output.ok:not(:empty),.checkout-modal output.ok:not(:empty),[data-modal="claim"] output.ok:not(:empty),[data-modal="history-order"] output.ok:not(:empty){
color:var(--c-green)!important;
}
.modal-foot output.err:not(:empty),.checkout-modal output.err:not(:empty),[data-modal="claim"] output.err:not(:empty),[data-modal="history-order"] output.err:not(:empty){
color:var(--c-red)!important;
}
.modal-foot output.is-fading,.checkout-modal output.is-fading,[data-modal="claim"] output.is-fading,[data-modal="history-order"] output.is-fading{
opacity:0;
}
.checkout-receipt-head{
justify-content:flex-end;
}
.checkout-receipt-head span{
min-width:0;
text-align:right;
letter-spacing:.09em;
white-space:nowrap;
}
.checkout-side-lines div{
justify-content:space-between;
gap:14px;
color:var(--n-52);
font-family:inherit;
font-size:var(--text-ui-sm)!important;
font-weight:700!important;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:baseline;
}
.checkout-side-lines b{
color:var(--n-70);
white-space:nowrap;
font-family:inherit;
font-weight:700!important;
display:grid;
grid-template-columns:30px 88px;
column-gap:7px;
align-items:baseline;
justify-content:end;
min-width:125px;
font-variant-numeric:tabular-nums;
}
.checkout-side-lines b em,.checkout-side-lines b span{
display:block;
min-width:0;
}
.checkout-side-lines b em{
color:inherit;
font-style:normal;
text-align:left;
}
.checkout-side-lines b span{
text-align:right;
}
.checkout-address-row{
display:grid;
grid-template-columns:minmax(0,304px) minmax(0,1fr);
gap:12px var(--checkout-form-gap,16px);
align-items:center;
max-width:calc((304px * 2) + var(--checkout-form-gap,16px));
}
.checkout-address-select{
min-width:0;
}
.checkout-address-summary[hidden]{
display:none!important;
}
.checkout-address-summary a,.checkout-address-summary p{
display:grid;
align-items:start;
margin:0;
min-width:0;
}
.checkout-address-summary a:hover,.checkout-address-summary a:focus-visible{
color:var(--c-link-hover);
outline:0;
}
.checkout-address-summary svg{
margin-top:1px;
color:currentColor;
fill:none;
stroke:currentColor;
}
.checkout-address-summary span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.checkout-address-summary p span:first-child{
width:15px;
}
.checkout-address-new{
color:var(--c-blue)!important;
font-weight:800!important;
}
.checkout-address-new svg{
color:currentColor!important;
}
.checkout-side-lines .is-total{
margin-top:8px;
padding-top:var(--space-3);
color:var(--n-80);
font-size:var(--text-lg);
border-top:1px dashed rgb(var(--rgb-line) / .24)!important;
grid-template-columns:minmax(0,1fr) minmax(104px,auto)!important;
}
.checkout-side-lines .is-total>span{
display:inline-flex;
align-items:baseline;
gap:6px;
min-width:0;
}
.checkout-side-lines .is-total>span em{
color:var(--c-blue);
font-style:normal;
font-weight:800;
}
.checkout-side-lines .is-total b{
font-size:var(--text-title-sm);
font-weight:var(--w-semibold);
display:block!important;
grid-template-columns:none!important;
min-width:104px!important;
color:var(--c-blue);
text-align:right;
}
.checkout-side-lines .is-total b span{
display:block;
text-align:right;
}
.checkout-schedule-grid[hidden]{
display:none!important;
}
.checkout-carrier-block h3{
display:none!important;
}
.checkout-carrier-block .modal-choice-menu button{
align-items:start;
}
.checkout-carrier-block .modal-choice-menu small{
grid-column:2;
margin-top:2px;
color:var(--n-54);
font-size:var(--text-compact);
font-weight:600;
line-height:1.25;
}
.checkout-modal [data-checkout-secondary-field][hidden]{
display:none!important;
}
.checkout-payment-block{
grid-column:1 / -1!important;
width:100%!important;
}
.checkout-payment-row{
display:grid;
grid-template-columns:minmax(0,304px) minmax(0,1fr);
gap:12px var(--checkout-form-gap,16px);
align-items:center;
max-width:calc((304px * 2) + var(--checkout-form-gap,16px));
}
.checkout-delivery-row .checkout-address-select{
min-width:0;
}
.checkout-address-select[hidden]{
display:none!important;
}
.checkout-address-select .modal-choice-menu,.checkout-carrier-block .modal-choice-menu{
width:150%;
min-width:min(456px,calc(100vw - 88px));
max-width:calc(100vw - 88px);
}
.checkout-address-new,.checkout-address-new span{
font-weight:500!important;
}
.checkout-address-new svg{
width:17px!important;
height:17px!important;
stroke-width:1!important;
vector-effect:non-scaling-stroke;
}
.checkout-carrier-block{
grid-column:1 / -1!important;
width:min(456px,100%)!important;
}
.checkout-carrier-block .checkout-choice{
width:min(456px,100%)!important;
}
.checkout-modal .modal-field>input:focus+label,.checkout-modal .modal-field>input:not(:placeholder-shown)+label,.checkout-modal .modal-field>input[type="date"]+label,.checkout-modal .modal-field>textarea:focus+label,.checkout-modal .modal-field>textarea:not(:placeholder-shown)+label,.checkout-modal .modal-field>select:focus+label,.checkout-modal .modal-field>select+label,.checkout-modal .modal-field.is-filled>label,.checkout-modal .modal-field>input:not(:focus):not(:placeholder-shown)+label,.checkout-modal .modal-field>input[type="date"]:not(:focus)+label,.checkout-modal .modal-field>textarea:not(:focus):not(:placeholder-shown)+label,.checkout-modal .modal-field>select:not(:focus)+label,.checkout-modal .modal-field.is-filled:not(:focus-within)>label{
color:var(--c-blue)!important;
}
.checkout-modal .checkout-main-col,.checkout-modal .checkout-contact-grid,.checkout-modal .checkout-schedule-grid{
gap:16px;
}
.checkout-address-summary{
display:grid;
gap:3px;
min-width:0;
color:var(--n-68);
font-size:var(--text-ui);
line-height:1.25;
box-sizing:border-box;
align-self:stretch;
min-height:46px;
padding:7px 12px;
border:1px dashed rgb(var(--rgb-primary) / .22);
border-radius:var(--radius-control);
background:rgb(var(--rgb-primary) / .045);
justify-content:center;
}
.checkout-address-summary a,.checkout-address-summary p{
grid-template-columns:17px minmax(0,1fr);
gap:7px;
}
.checkout-address-summary a{
text-decoration:none;
color:var(--c-blue);
font-size:var(--text-ui-sm);
font-weight:650;
line-height:1.22;
}
.checkout-address-summary p span:last-child{
color:var(--n-58);
font-size:var(--text-compact);
font-weight:600;
}
.checkout-address-summary svg{
width:14px;
height:14px;
stroke-width:1;
vector-effect:non-scaling-stroke;
}
.checkout-address-choice.is-empty .modal-choice-trigger{
justify-content:center;
border-color:rgb(var(--rgb-primary) / .20);
border-style:dashed;
background:rgb(var(--rgb-primary) / .035);
color:var(--c-blue);
font-size:var(--text-md);
font-weight:600;
text-align:center;
}
.checkout-address-choice.is-empty .modal-choice-trigger:hover,.checkout-address-choice.is-empty .modal-choice-trigger:focus-visible{
border-color:rgb(var(--rgb-primary) / .34);
background:rgb(var(--rgb-primary) / .06);
color:var(--c-blue);
}
.checkout-address-choice.is-empty .modal-choice-trigger>svg{
width:17px;
height:17px;
margin:0 2px 0 0;
stroke-width:1!important;
vector-effect:non-scaling-stroke;
}
.checkout-address-choice.is-empty .modal-choice-trigger i,.checkout-address-choice.is-empty .modal-choice-menu{
display:none!important;
}
@layer components{
.order-success-modal{
width:min(560px,calc(100vw - 36px))!important;
overflow:hidden;
}
.order-success-modal>.order-success-head{
padding:28px 34px 16px!important;
border-bottom:0!important;
}
.order-success-main{
display:grid;
gap:18px;
padding:8px 34px 26px!important;
text-align:center;
}
.order-success-hero{
position:relative;
display:grid;
place-items:center;
width:104px;
height:104px;
margin:0 auto 2px;
}
.order-success-orbit{
position:absolute;
border-radius:var(--radius-pill);
border:1px solid rgb(var(--rgb-primary) / .12);
background:radial-gradient(circle,rgb(var(--rgb-primary) / .08),rgb(var(--rgb-primary) / 0) 68%);
}
.order-success-orbit.is-one{
inset:0;
}
.order-success-orbit.is-two{
inset:13px;
border-color:rgb(var(--rgb-success) / .16);
background:radial-gradient(circle,rgb(var(--rgb-success) / .09),rgb(var(--rgb-success) / 0) 70%);
}
.order-success-icon{
position:relative;
display:grid;
place-items:center;
width:68px;
height:68px;
border-radius:var(--radius-panel-lg);
background:linear-gradient(135deg,rgb(var(--rgb-success) / .14),rgb(var(--rgb-primary) / .12));
color:var(--c-green);
box-shadow:0 18px 38px rgb(var(--rgb-primary) / .12);
}
.order-success-icon svg{
width:34px;
height:34px;
}
.order-success-copy{
display:grid;
gap:8px;
}
.order-success-eyebrow{
margin:0;
color:var(--c-blue);
font-size:var(--text-ui-sm);
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.order-success-copy h3{
margin:0;
color:var(--n-90);
font-size:var(--text-title-lg);
line-height:1.15;
font-weight:850;
letter-spacing:-.03em;
}
.order-success-copy p,.order-success-next p{
margin:0;
color:var(--n-64);
font-size:var(--text-md);
line-height:1.55;
}
.order-success-summary{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:2px 0 0;
padding:var(--space-2);
border:.5px solid rgb(var(--rgb-line) / .18);
border-radius:var(--radius-panel);
background:rgb(var(--rgb-surface-soft) / .82);
}
.order-success-summary div{
display:grid;
gap:4px;
min-width:0;
padding:10px 8px;
border-radius:15px;
background:var(--c-surface);
}
.order-success-summary dt{
color:var(--n-52);
font-size:var(--text-3xs);
font-weight:800;
letter-spacing:.07em;
text-transform:uppercase;
}
.order-success-summary dd{
display:flex;
justify-content:center;
align-items:center;
min-width:0;
margin:0;
color:var(--n-80);
font-size:var(--text-ui);
font-weight:750;
line-height:1.25;
font-variant-numeric:tabular-nums;
}
.order-success-status{
display:inline-flex;
align-items:center;
gap:5px;
color:var(--c-blue);
}
.order-success-status svg{
width:14px;
height:14px;
}
.order-success-next{
display:grid;
gap:12px;
padding:var(--space-4);
border-radius:var(--radius-panel);
background:linear-gradient(135deg,rgb(var(--rgb-primary) / .07),rgb(var(--rgb-success) / .055));
text-align:left;
}
.order-success-next>div{
display:grid;
grid-template-columns:30px minmax(0,1fr);
gap:10px;
align-items:start;
}
.order-success-next>div>svg{
width:28px;
height:28px;
color:var(--c-green);
}
.order-success-history-link{
justify-self:start;
appearance:none;
border:0;
background:transparent;
color:var(--c-blue);
font:inherit;
font-size:var(--text-md);
font-weight:800;
line-height:1.3;
text-decoration:underline;
text-underline-offset:3px;
cursor:pointer;
}
.order-success-history-link:hover,.order-success-history-link:focus-visible{
color:var(--c-link-hover);
}
.order-success-foot{
padding:16px 34px 28px!important;
border-top:0!important;
}
}