.vapevo-quick-panel[hidden]{display:none!important}.vapevo-quick-panel{--vapevo-quick-font-size: 13px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:7px 8px 8px;overflow:hidden;overflow-anchor:none;color:#171717;background:#fafafa;border:1px solid rgb(23 23 23 / 10%);text-align:center;font-size:var(--vapevo-quick-font-size);line-height:1.25;pointer-events:auto;isolation:isolate}@media screen and (min-width:768px){.vapevo-quick-panel{--vapevo-quick-font-size: 15px}}.vapevo-quick-panel,.vapevo-quick-panel *{box-sizing:border-box}.vapevo-quick-panel__header{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:4px;min-height:28px;padding-inline:28px}.vapevo-quick-panel__title{min-width:0;margin:0;overflow:hidden;font-size:inherit;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.vapevo-quick-panel__close{position:absolute;inset-block-start:0;inset-inline-end:-4px;display:inline-flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:28px;min-height:28px;margin-inline-end:0;padding:0;color:#171717;background:transparent;border:0;border-radius:5px;cursor:pointer}.vapevo-quick-panel__close svg{width:16px;height:16px;pointer-events:none}.vapevo-quick-panel__body,.vapevo-quick-panel [data-vapevo-quick-content],.vapevo-quick-form{display:flex;flex:0 1 auto;flex-direction:column;min-width:0;min-height:0;margin:0}.vapevo-quick-panel__body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.vapevo-quick-price{flex:0 0 auto;margin-block:0 4px;font-size:inherit;font-weight:600;line-height:1.2}.vapevo-quick-price .price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 6px;font-size:inherit;line-height:inherit}.vapevo-quick-price .price__regular,.vapevo-quick-price .price__sale{font-size:inherit}.vapevo-quick-price .price__sale{font-weight:400}.vapevo-quick-options{display:flex;flex:0 1 auto;flex-direction:column;gap:4px;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(23 23 23 / 30%) transparent}.vapevo-quick-options:has(.vapevo-quick-option){min-height:calc(38px + 1.2em)}.vapevo-quick-option{display:flex;flex:0 0 auto;flex-direction:column;gap:3px;min-width:0;margin:0;font-size:var(--vapevo-quick-font-size)}.vapevo-quick-option:has(.vapevo-select__list:not([hidden])){flex-shrink:1;min-height:calc(77px + 1.2em)}.vapevo-quick-option__label{display:block;flex:0 0 auto;overflow:hidden;font-size:inherit;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.vapevo-quick-option select,.vapevo-select__button{display:block;width:100%;min-width:0;max-width:100%;height:35px;margin:0;padding:5px 23px;-webkit-appearance:none;appearance:none;color:#171717;background-color:#fafafa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23171717' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:10px 7px;border:1px solid rgb(23 23 23 / 20%);border-radius:6px;font:inherit;font-size:inherit;line-height:1.2;text-align:center;text-align-last:center;text-overflow:ellipsis;cursor:pointer}.vapevo-quick-option select option{font-size:inherit;text-align:center}[dir=rtl] .vapevo-quick-option select,[dir=rtl] .vapevo-select__button{padding-inline:23px;background-position:left 8px center}.vapevo-quick-option select[hidden],.vapevo-select__list[hidden]{display:none!important}.vapevo-select{display:flex;flex:0 1 auto;flex-direction:column;gap:4px;min-width:0;min-height:35px}.vapevo-select__button{display:flex;flex:0 0 35px;align-items:center;justify-content:center;text-transform:none}.vapevo-select__value{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vapevo-select__list{flex:0 1 auto;min-width:0;min-height:35px;max-height:212px;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:#171717;background:#fafafa;border:1px solid rgb(23 23 23 / 20%);border-radius:6px;font:inherit;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:rgb(23 23 23 / 30%) transparent}.vapevo-select__option{display:flex;align-items:center;justify-content:center;min-width:0;min-height:35px;padding:7px 10px;font:inherit;line-height:1.2;text-align:center;overflow-wrap:anywhere;cursor:pointer}.vapevo-select__option[aria-selected=true]{background:#17171714;font-weight:600}.vapevo-select__option[data-active]{outline:2px solid #171717;outline-offset:-2px}@media(hover:hover)and (pointer:fine){.vapevo-select__option:hover{background:#17171714}}.vapevo-quick-submit{display:grid;flex:0 0 auto;gap:4px;min-width:0;padding-block-start:4px}.vapevo-quick-panel .vapevo-mobile-add.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:auto;min-height:38px;margin:0;padding:8px 5px;color:#fafafa;background:#171717;border:1px solid transparent;border-radius:7px;font-family:inherit;font-size:inherit;font-weight:600;line-height:1.2;text-align:center;text-decoration:none}.vapevo-quick-panel .vapevo-mobile-add .btn-text{font-size:inherit;white-space:normal}.vapevo-quick-panel .vapevo-mobile-add[disabled]{color:#414141;background:#fafafa99;cursor:not-allowed}.vapevo-quick-panel .product-form__error-message{max-height:42px;overflow-y:auto;margin:0;color:#7f1515;font-size:inherit;line-height:1.25;overflow-wrap:anywhere}.vapevo-quick-panel .product-form__error-message[hidden]{display:none}.vapevo-quick-panel :is(button,a):focus-visible{outline:2px solid #171717;outline-offset:2px}.vapevo-quick-panel .vapevo-quick-option select:focus,.vapevo-quick-panel .vapevo-select__button:focus{outline:none;box-shadow:none}.vapevo-quick-panel .vapevo-quick-option select:focus-visible,.vapevo-quick-panel .vapevo-select__button:focus-visible{border-color:#171717;box-shadow:inset 0 0 0 1px #171717}@media(prefers-reduced-motion:no-preference){.vapevo-quick-panel:not([hidden]){animation:vapevo-quick-panel-in .14s ease-out}}@keyframes vapevo-quick-panel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[data-vapevo-feedback]{position:relative;transition:background-color .16s ease,color .16s ease}[data-vapevo-feedback]>:not(.vapevo-mobile-feedback){visibility:hidden!important}[data-vapevo-feedback] .btn-loader{display:none!important}.js body:not(.template-cart) #MainContent [data-vapevo-feedback=success],.vapevo-quick-panel .vapevo-mobile-add[data-vapevo-feedback=success]{color:#171717;background:#fafafa;border-color:#fafafa}.vapevo-mobile-feedback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 4px;font:inherit;font-weight:600;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;pointer-events:none}.vapevo-mobile-check{display:block;flex-shrink:0;width:8px;height:14px;margin:-4px 3px 0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}.vapevo-mobile-spinner{display:block;width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:vapevo-cart-spin .7s linear infinite}.vapevo-mobile-card-error{position:absolute;inset:8px 8px auto;z-index:21;padding:9px;border:1px solid #d4a6a6;border-radius:7px;background:#fff4f4;color:#7f1515;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.vapevo-mobile-card-error[hidden]{display:none}[data-vapevo-card][data-vapevo-panel-open]>:not(.vapevo-quick-panel){opacity:0;visibility:hidden;pointer-events:none}.vapevo-quick-panel__close{font-size:25px;font-weight:400;line-height:1}.vapevo-quick-load-error{min-height:0;overflow-y:auto;font-size:inherit;line-height:1.3}.vapevo-quick-load-error p{margin:4px 0}.vapevo-quick-retry{border:1px solid #171717;border-radius:5px;padding:7px 9px;margin-top:3px;font:inherit}.vapevo-quick-panel__body[aria-busy=true] .vapevo-mobile-add{opacity:.6}@media(prefers-reduced-motion:reduce){[data-vapevo-feedback]{transition:none}.vapevo-mobile-spinner{animation:none}}@keyframes vapevo-cart-spin{to{transform:rotate(360deg)}}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add>form:has(>.button[data-vapevo-feedback=success]:not([data-vapevo-feedback-compact])){min-width:0;max-width:100%}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add .button[data-vapevo-feedback=success]{opacity:1}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add .button[data-vapevo-feedback=success]:not([data-vapevo-feedback-compact]){width:max-content;min-width:0;max-width:100%;height:auto;min-height:var(--sp-10);max-height:none;padding:7px 9px}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add .button[data-vapevo-feedback=success]:not([data-vapevo-feedback-compact])>:not(.vapevo-mobile-feedback){display:none!important}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add .button[data-vapevo-feedback=success]:not([data-vapevo-feedback-compact])>.vapevo-mobile-feedback{position:static;inset:auto;min-width:0;padding:0}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add>.buttons{display:none}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add>[data-vapevo-quick-open].md\:hidden{display:inline-flex}.js body:not(.template-cart) #MainContent [data-vapevo-card]:focus-within .quick-add,.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add:has([data-vapevo-feedback=success]){--tw-translate-y: 0}.js body:not(.template-cart) #MainContent [data-vapevo-card]:focus-within .quick-add .button{opacity:1}@media(hover:none),(pointer:coarse){.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add{--tw-translate-y: 0}.js body:not(.template-cart) #MainContent [data-vapevo-card] .quick-add .button{opacity:1}}.js body:not(.template-cart) #MainContent .button--primary[data-vapevo-feedback=loading]{color:rgb(var(--color-button-text))}.js body:not(.template-cart) #MainContent .vapevo-quick-panel .vapevo-mobile-add.button:not([disabled],[data-vapevo-feedback=success]){color:#fafafa}
/*# sourceMappingURL=/cdn/shop/t/147/assets/vapevo-mobile-cart.css.map */