.quick-add-modal.dc-quick-add-modal{border:0;border-radius:0;box-shadow:0 25px 50px -12px #00000040;font-family:"Noto Sans JP",var(--font-family-default, sans-serif);color:var(--color-primitive-gray-900, #222)}@media screen and (min-width:750px){.quick-add-modal.dc-quick-add-modal{width:500px;height:fit-content;max-height:calc(100vh - 40px)}}.dc-quick-add-modal .quick-add-modal__close{top:0;right:0;width:44px;height:44px;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.6 3.6L14.4 14.4' stroke='%23222222' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M14.4 3.6L3.6 14.4' stroke='%23222222' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat}.dc-quick-add-modal .quick-add-modal__close svg{display:none}.dc-quick-add-modal .quick-add-modal__content{display:flex;flex-direction:column;gap:40px;height:auto;padding:44px 16px 16px;overflow-y:auto}.dc-quick-add-modal .quick-add-modal__content>*{flex:0 0 auto;width:100%;margin:0}.dc-quick-add-modal .quick-add-modal__content .dc-qa-header{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:0}.dc-quick-add-modal .dc-qa-header__thumb{display:block;flex-shrink:0;width:90px;height:90px;background:var(--color-semantic-bg-thumbnail, #f8f8f8)}.dc-quick-add-modal .dc-qa-header__thumb img{display:block;width:100%;height:100%;object-fit:contain}.dc-quick-add-modal .dc-qa-header__info{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-width:0;min-height:90px}.dc-quick-add-modal .quick-add-modal__content .dc-qa-header .dc-qa-header__title{width:auto;color:var(--color-primitive-gray-900, #222);font-size:18px;font-weight:500;line-height:normal;text-decoration:none;word-break:auto-phrase}.dc-quick-add-modal .dc-qa-header__info product-price,.dc-quick-add-modal .dc-qa-header__info product-price>*{margin:0;padding:0;color:var(--color-primitive-gray-900, #222);font-size:15px;font-weight:400;line-height:normal}.dc-quick-add-modal .quick-add-modal__content .tax-note{display:none}.dc-quick-add-modal .quick-add-modal__content variant-picker{padding:0}.dc-quick-add-modal .dc-qa-dropdown{position:relative;border:1px solid var(--color-semantic-border-default, #dbdbdb)}.dc-quick-add-modal .dc-qa-dropdown .variant-option__select-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 54px 16px 20px;border:0;background:none;cursor:pointer}.dc-quick-add-modal .dc-qa-dropdown--open .variant-option__select-wrapper{border-bottom:1px solid var(--color-semantic-border-default, #dbdbdb)}.dc-quick-add-modal .dc-qa-dropdown .variant-option__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.dc-quick-add-modal .dc-qa-dropdown .variant-option__select-wrapper .icon{display:none}.dc-quick-add-modal .dc-qa-dropdown .variant-option__select-wrapper:after{content:"";position:absolute;top:50%;right:20px;width:14px;height:14.6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14.6046' viewBox='0 0 14 14.6046' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 11.9069L8.6046 7.3023L4 2.6977L4.6977 2L10 7.3023L4.6977 12.6046L4 11.9069Z' fill='%23222222'/%3E%3C/svg%3E") center / contain no-repeat;transform:translateY(-50%) rotate(90deg)}.dc-quick-add-modal .dc-qa-dropdown--open .variant-option__select-wrapper:after{transform:translateY(-50%) rotate(-90deg)}.dc-quick-add-modal .dc-qa-dropdown__label{color:var(--color-semantic-text-tertiary, #777);font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}.dc-quick-add-modal .dc-qa-dropdown__value,.dc-quick-add-modal .dc-qa-dropdown__row{color:var(--color-primitive-gray-900, #222);font-size:15px;font-weight:500;line-height:1.3}.dc-quick-add-modal .dc-qa-dropdown__line{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:8px}.dc-quick-add-modal .dc-qa-dropdown__sep{flex-shrink:0;width:10px;height:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='4' viewBox='0 0 10 4' fill='none'%3E%3Cline y1='3.5' x2='10' y2='3.5' stroke='%23222222'/%3E%3C/svg%3E") center / 10px 4px no-repeat}.dc-quick-add-modal .dc-qa-dropdown__panel{margin:0;padding:0;list-style:none}.dc-quick-add-modal .dc-qa-dropdown__row{padding:16px 20px;cursor:pointer}.dc-quick-add-modal .dc-qa-dropdown__row:hover,.dc-quick-add-modal .dc-qa-dropdown__row.is-selected{background:var(--color-semantic-button-secondary-bg-hover, #f7f7f7)}.dc-quick-add-modal .quick-add-modal__content .product-form-buttons{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;padding:0}.dc-quick-add-modal .quick-add-modal__content .quantity-selector-wrapper{flex:0 0 auto;width:auto}.dc-quick-add-modal .quick-add-modal__content .quantity-selector{display:flex;align-items:center;width:auto;height:50px;border:0;border-bottom:1px solid var(--color-semantic-border-default, #dbdbdb);border-radius:0;background:none}.dc-quick-add-modal .quick-add-modal__content .quantity-selector :is(.quantity-minus,.quantity-plus){position:relative;flex-shrink:0;width:44px;height:50px;padding:0;color:var(--color-primitive-gray-900, #222)}.dc-quick-add-modal .quick-add-modal__content .quantity-selector :is(.quantity-minus,.quantity-plus):disabled{color:#c4c4c4;opacity:1}.dc-quick-add-modal .quick-add-modal__content .quantity-selector :is(.quantity-minus,.quantity-plus) .svg-wrapper{display:none}.dc-quick-add-modal .quick-add-modal__content .quantity-selector :is(.quantity-minus,.quantity-plus):before{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;background:currentColor;transform:translate(-50%,-50%);-webkit-mask:var(--dc-qa-icon) center / 15px 15px no-repeat;mask:var(--dc-qa-icon) center / 15px 15px no-repeat}.dc-quick-add-modal .quick-add-modal__content .quantity-selector .quantity-minus{--dc-qa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M3.57422 7.96875V7.03125H11.6992V7.96875H3.57422Z' fill='%23000'/%3E%3C/svg%3E")}.dc-quick-add-modal .quick-add-modal__content .quantity-selector .quantity-plus{--dc-qa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.03125 7.96875H3.4375V7.03125H7.03125V3.4375H7.96875V7.03125H11.5625V7.96875H7.96875V11.5625H7.03125V7.96875Z' fill='%23000'/%3E%3C/svg%3E")}.dc-quick-add-modal .quick-add-modal__content .quantity-selector input{width:50px;height:50px;padding:0;border:0;background:none;color:var(--color-primitive-gray-900, #222);font-size:15px;line-height:1;text-align:center}.dc-quick-add-modal .quick-add-modal__content add-to-cart-component{flex:1 1 auto;min-width:0}.dc-quick-add-modal .quick-add-modal__content add-to-cart-component .button{width:100%;height:50px;min-height:50px;padding:10px;border:0;border-radius:0;background:var(--color-primitive-gray-900, #222);color:var(--color-primitive-gray-000, #fff);font-size:15px;font-weight:400;line-height:normal}.dc-quick-add-modal .quick-add-modal__content add-to-cart-component .add-to-cart-icon{display:none}@media screen and (max-width:749px){.quick-add-modal.dc-quick-add-modal{border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:none}.quick-add-modal.dc-quick-add-modal:before{content:"";position:absolute;top:10px;left:50%;width:40px;height:5px;border-radius:1000px;background:var(--color-primitive-gray-300, #dbdbdb);transform:translate(-50%);z-index:1}.dc-quick-add-modal .quick-add-modal__close{display:none}.dc-quick-add-modal .quick-add-modal__content{gap:32px;padding:35px 16px 16px}.dc-quick-add-modal .dc-qa-header__thumb{width:80px;height:80px}.dc-quick-add-modal .dc-qa-header__info{min-height:80px}.dc-quick-add-modal .quick-add-modal__content .dc-qa-header .dc-qa-header__title{font-size:16px}.dc-quick-add-modal .dc-qa-dropdown__value,.dc-quick-add-modal .dc-qa-dropdown__row{font-size:14px}.dc-quick-add-modal .quick-add-modal__content .quantity-selector :is(.quantity-minus,.quantity-plus){width:20px}.dc-quick-add-modal .quick-add-modal__content .quantity-selector input{width:40px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/dc-quick-add.css.map */