.addon-drawer[hidden]{display:none!important}.addon-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.addon-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .28s ease}.addon-drawer__panel{position:absolute;top:0;right:0;width:512px;height:100%;display:flex;flex-direction:column;box-shadow:-12px 0 40px #0000002e;border-radius:8px 0 0 8px;border:1px solid #ececed;background:var(--colorBody);transform:translate3d(100%,0,0);transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform}.addon-drawer.is-open .addon-drawer__overlay{opacity:1}.addon-drawer.is-open .addon-drawer__panel{transform:translateZ(0)}.addon-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #ececed;background:var(--colorBody);border-radius:8px 0 0}.addon-drawer__title{color:#131416;font-size:16px;font-style:normal;line-height:20px;margin:0}.addon-drawer__close{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid #ececed;background:#f6f6f6}.addon-drawer__close svg{width:12px;height:12px}.addon-drawer__body{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding:16px;background:#f6f6f6}.addon-drawer__group-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.addon-drawer__group-title{color:#131416;font-size:16px;font-style:normal;line-height:20px;font-weight:600;margin:0}.addon-drawer__group-desc{color:#8b8b8c;font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:0}.addon-drawer__item{display:grid;grid-template-columns:64px 1fr 28px;gap:10px;align-items:center;padding:4px 12px 4px 4px;border-radius:4px;border:1px solid #ececed;background:var(--colorBody);cursor:pointer;position:relative}.addon-drawer__item.is-disabled{opacity:.5;pointer-events:none;cursor:default}.addon-drawer__body .addon-drawer__item{grid-template-columns:64px 1fr auto}.addon-drawer__checkbox{position:absolute;opacity:0;pointer-events:none}.addon-drawer__item-media{width:64px;min-width:64px;height:64px;border-radius:4px;overflow:hidden;background:#efefef;display:block;border:1px solid #ececed}.addon-drawer__image{width:100%;height:100%;object-fit:cover;display:block}.addon-drawer__item-content{min-width:0;display:flex;flex-direction:column;gap:4px}.addon-drawer__item-title{color:#131416;font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin:0}.addon-drawer__item-desc{color:#8b8b8c;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.addon-drawer__item-price{overflow:hidden;color:#0a301f;text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:600;line-height:18px}.addon-drawer__fake-check{width:28px;height:28px;border-radius:4px;border:1px solid #ececed;background:#f6f6f6;display:flex;align-items:center;justify-content:center}.addon-drawer__fake-check svg{display:none;width:17px;height:12px}.addon-drawer__checkbox:checked~.addon-drawer__fake-check{background:var(--colorBtnPrimary);border-color:var(--colorBtnPrimary)}.addon-drawer__checkbox:checked~.addon-drawer__fake-check svg{display:block}.addon-drawer__item-price-title{display:flex;flex-direction:row;align-items:center;gap:8px}.addon-drawer__item-price-cont-mobile{display:flex;flex-direction:row;align-items:center;gap:4px}.addon-drawer__item-price-cont-mobile .product-addons__price-compare-at{font-size:12px;line-height:18px}@media only screen and (max-width:768px){.addon-drawer__panel{top:auto;right:0;bottom:0;left:0;width:100%;height:auto;max-height:70vh;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #0000002e;transform:translateY(100%);transition:transform .28s ease,opacity .28s ease,visibility .28s ease}.addon-drawer.is-open .addon-drawer__panel{transform:translateY(0)}.addon-drawer__header{border-radius:16px 16px 0 0;padding:14px 16px}.addon-drawer__body{overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;padding:14px 16px}.addon-drawer__body::-webkit-scrollbar{display:none}.addon-drawer__item{padding:4px 12px 4px 4px;grid-template-columns:64px 1fr 24px}.addon-drawer__fake-check{width:24px;height:24px}.addon-drawer__item-price{font-size:12px;line-height:16px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/addon-drawer.css.map */