:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: #313133;--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;max-height:100vh;color:#000;background:transparent;padding-top:16px;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;overflow-y:hidden}body *{box-sizing:border-box}#app{max-width:680px;width:100%;margin:0 auto;padding:0 24px 24px;font-weight:400;background-color:#fff;border-radius:30px 30px 0 0;max-height:100%;overflow-y:auto;box-shadow:0 0 16px #0000001a;position:relative}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}h2{font-size:16px;font-weight:700}h3{font-size:14px;font-weight:700}.floating-label{position:relative}.floating-label input,.floating-label select{width:100%;padding:14px 8px 8px;font-size:14px;box-sizing:border-box}.floating-label label{position:absolute;left:10px;top:50%;transform:translateY(-50%);background-color:#fff;padding:0 5px 0 0;transition:.2s ease all;color:#999;pointer-events:none;font-size:14px}.floating-label input:focus+label,.floating-label select:focus+label,.floating-label label.active{top:10px;left:10px;font-size:10px;line-height:1;color:#999}.floating-label .error-message{font-size:10px;position:absolute;bottom:1px;color:red;left:10px}label.label{color:#333;pointer-events:none;font-size:14px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{box-shadow:none;background:#fff;margin-top:24px}::-webkit-scrollbar-thumb{background:#999;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ccc}.loader{position:absolute;z-index:9999;background:#ffffff80;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:0;position:sticky;padding-top:24px;top:0;left:0;z-index:100;background:#fff}header:before{content:"";display:block;height:100%;width:24px;right:100%;top:0;background:#fff;position:absolute}header:after{content:"";display:block;height:100%;width:24px;left:100%;top:0;background:#fff;position:absolute}.close-button{right:24px;top:24px;background:transparent;border:0;padding:0;cursor:pointer;margin-left:auto}.checkout-buttons{display:flex;flex-direction:column;gap:5px;padding:10px 0 5px}.checkout-buttons button:not(.link){background:#333;border-radius:6px;font-size:14px;color:#fff;font-weight:700;padding:14px;border:0;cursor:pointer}.checkout-buttons button.link{background:transparent;border:0;color:#333;font-size:14px;font-weight:400;cursor:pointer}.checkout-buttons-row{display:flex;flex-direction:row;gap:5px;padding:10px 0 5px}.checkout-buttons-row button,.checkout-buttons-row .btn{width:calc(50% - 2.5px);border-radius:6px;font-size:14px;font-weight:700;background-color:transparent;border:1px solid #666;padding:12px 14px;cursor:pointer;text-align:center}.checkout-buttons-row button.primary{background:#333;color:#fff;border:0}.checkout-buttons-row button.primary:disabled{opacity:.6;cursor:not-allowed}.totals{font-size:14px;font-weight:700}.cart-items{list-style:none;margin:0;display:flex;flex-direction:column;gap:10px;padding:20px 0}.cart-item{background-color:#fff;display:flex;align-items:flex-start;border-radius:8px;padding:16px;box-shadow:0 4px 16px #0000001a;gap:16px}.cart-item__info{display:flex;flex-direction:column;gap:8px;width:100%}.cart-item__name{display:flex;align-items:flex-start;gap:5px;width:100%;justify-content:space-between;font-size:14px;font-weight:700}.cart-item__name button{padding:0;margin:0;background:transparent;border:0;cursor:pointer}.cart-item__name button svg{width:18px;height:20px}.cart-item__qty{display:flex;align-items:stretch;justify-content:flex-start}.cart-item__qty button{background:#fff;border:2px solid #D9D9D9;border-radius:0 4px 4px 0;width:36px;height:36px}.cart-item__qty button:first-child{border-radius:4px 0 0 4px}.cart-item__qty input{background:#fff;border:2px solid #D9D9D9;border-left:0;border-right:0;width:36px;text-align:center;-webkit-appearance:none;-moz-appearance:textfield;appearance:none;margin:0}.cart-item__price{font-size:12px;font-weight:700}.to-login{width:100%;border-radius:6px;font-size:14px;font-weight:700;background-color:transparent;border:1px solid #666;padding:12px 14px;cursor:pointer}.login-form{background-color:#fff;display:flex;align-items:flex-start;flex-direction:column;border-radius:8px;padding:16px;box-shadow:0 4px 16px #0000001a;gap:16px;position:relative}.login-form input{width:100%;height:48px;border:1px solid #D9D9D9;border-radius:12px;padding-inline:16px;color:#666}.login-form button.login{background:#fff;font-size:14px;color:#333;font-weight:700;padding:14px;border:1px solid #333;cursor:pointer;width:100%;border-radius:12px}.close-login{right:16px;top:16px;background:transparent;border:0;padding:0;cursor:pointer;position:absolute}.progress{display:flex;justify-content:center;align-items:center;gap:10px;padding:4px 0 10px;width:100%}.progress-bar{background-color:#d9d9d9;height:5px;flex-grow:1}.progress-bar__fill{background:#313133;height:5px}.progress-step{font-size:12px;font-weight:400;color:#000}.billing-address,.shipping-address{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.billing-address input[type=text],.billing-address input[type=tel],.billing-address select,.shipping-address input[type=text],.shipping-address input[type=tel],.shipping-address select{width:100%;height:48px;border:1px solid #D9D9D9;border-radius:12px;padding-inline:10px;color:#333;font-size:14px}.billing-address select,.shipping-address select{-webkit-appearance:inherit;-moz-appearance:inherit;appearance:inherit;background:url("data:image/svg+xml,%3csvg%20width='12'%20height='9'%20viewBox='0%200%2012%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%208.37461L0%202.37461L1.4%200.974609L6%205.57461L10.6%200.974609L12%202.37461L6%208.37461Z'%20fill='%231C1B1F'/%3e%3c/svg%3e") no-repeat right 10px center}.billing-address input[type=text]:focus-visible,.billing-address input[type=tel]:focus-visible,.billing-address select:focus-visible,.shipping-address input[type=text]:focus-visible,.shipping-address input[type=tel]:focus-visible,.shipping-address select:focus-visible{border-color:#333;outline:none}.billing-address input[type=text]:-webkit-autofill,.billing-address input[type=tel]:-webkit-autofill,.billing-address select:-webkit-autofill,.shipping-address input[type=text]:-webkit-autofill,.shipping-address input[type=tel]:-webkit-autofill,.shipping-address select:-webkit-autofill{background-color:#fff!important;box-shadow:0 0 0 1000px #fff inset}.billing-address input.is-invalid,.billing-address select.is-invalid,.shipping-address input.is-invalid,.shipping-address select.is-invalid{border-color:red}.billing-address .floating-label,.shipping-address .floating-label{width:100%}.billing-address .floating-label.half,.shipping-address .floating-label.half{width:calc(50% - 8px)}.same-address{display:block}.logged-in{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;font-size:14px;padding:10px;border-radius:12px;margin-bottom:10px;box-shadow:0 4px 16px #0000001a}.logged-in button{background:#fff;border:1px solid #333;border-radius:12px;padding:6px 10px;cursor:pointer}.shipping-methods,.payment-methods{display:flex;flex-direction:column;gap:10px}.shipping-methods h3,.payment-methods h3{font-size:16px}.shipping-methods__items,.payment-methods__items{display:flex;flex-direction:column;gap:12px;padding:16px 12px;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:10px}.payment-methods__items{box-shadow:none;padding:5px 0}.shipping-methods__items label,.payment-methods__items label{cursor:pointer;display:flex;gap:0px;align-items:center;font-size:14px}.shipping-methods__items label input,.payment-methods__items label input{margin-right:10px}.payment-form{display:flex;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:16px}.payment-form .floating-label{width:100%}.payment-form .floating-label.half{width:calc(50% - 8px)}.payment-form .floating-label label{top:10px;left:10px;font-size:10px;line-height:1;color:#999}.payment-form .floating-label input,.payment-form .floating-label iframe{width:100%;height:48px;border:1px solid #D9D9D9;border-radius:12px;padding-inline:10px;color:#333;font-size:14px}.payment-form .floating-label iframe{padding-top:8px;display:block}.payment-form .floating-label .hasError input{border-color:red}.payment-methods .errors .accept-error{color:red;font-size:12px;margin-top:5px}.summary{display:flex;flex-direction:column;gap:20px;padding:10px 0}.data-row{display:flex;justify-content:space-between;flex-direction:column;font-size:16px}.data-row__title{display:flex;align-items:center;justify-content:space-between;font-size:14px}.data-row__title button{background:transparent;border:0;padding:0;cursor:pointer}.data-row__content,.data-row__content p{font-size:13px}.data-row__content table{width:100%;border-collapse:collapse;font-size:13px}.data-row__content table td:first-child{width:35%}.order-success{display:flex;flex-direction:column;gap:0px;align-items:center;justify-content:center;position:relative}.order-success h2{font-size:16px;margin:10px 0}.order-success p{font-size:14px;margin:0 0 2px;text-align:center}.order-success button{background:#333;border-radius:6px;font-size:14px;color:#fff;font-weight:700;padding:14px;border:0;cursor:pointer;width:100%;margin:10px 0;max-width:280px}.address-holder{width:100%}.address-holder h2{font-size:16px;margin-bottom:10px}.address-holder small{display:block;text-align:center}.address-holder button.primary{background:#333;color:#fff;border:0;padding:10px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700}.address-holder button.primary svg{margin-right:4px;vertical-align:-1px}.address-holder button.secondary{background:transparent;color:#333;border:1px solid #333;padding:10px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700}.address-block{padding:12px;font-size:13px;border-radius:12px;box-shadow:0 0 14px #0003;margin-bottom:5px;flex-grow:1}.address-holder>.address-block{margin-bottom:10px}.additional-address{padding-top:5px;width:calc(50% - 5px);display:flex;flex-direction:column}.additional-address button{background:transparent;border:0;cursor:pointer;width:80%;font-weight:700;border:1px solid #333;border-radius:8px;padding:4px;margin-inline:auto;display:block;margin-bottom:10px}.address-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.address-list h3{width:100%}button.choose-from{background:#333;color:#fff;border:0;padding:10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;width:100%;justify-content:center;gap:6px}.main-errors{display:flex;flex-direction:column;gap:5px;background-color:#d64646;padding:5px 22px 5px 10px;color:#fff;font-size:13px;text-align:left;position:relative}.main-errors .clear-all{position:absolute;right:0;top:0;background:transparent;border:0;color:#fff;width:22px;height:30px;cursor:pointer}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}
