.accessories-widget{padding-inline:12px;border:1px solid #d1d5db;border-radius:var(--rounded-block);max-width:500px}.accessories-widget-title{margin:18px 0;font-size:16px;font-weight:600}.accessory-item{font-size:12px}li.accessory-item.added .accessory-item-content{background:#ebedf0}li.accessory-item.added img{mix-blend-mode:darken}.accessory-item-wrap{-webkit-user-select:none;user-select:none}.accessory-item.hidden.show{display:block}.accessory-item-content{padding:14px 12px;border-radius:var(--rounded-card)}.accessory-item-checkbox{display:flex;padding:0 20px 0 4px;position:relative;z-index:1}.accessory-item-checkbox input{width:20px!important;height:20px;cursor:pointer;border-radius:3px!important}.accessory-item-checkbox input:checked:disabled{background:#ff4b00;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:#ff4b00;border-radius:2px;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}.accessory-item-image{min-width:50px;width:50px;height:auto}.accessory-item-image responsive-image{--image-width:50px}.mx-2{margin-left:.5rem;margin-right:.5rem}.flex-grow-1{flex-grow:1}.accessory-item select{padding:3px 0 3px 2px;max-width:170px;width:fit-content;margin-top:4px;cursor:pointer;border:1px solid #eee;border-radius:4px;text-transform:capitalize;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.accessory-item select option{color:#000}.accessory-item select:focus{box-shadow:none}.accessory-item-variant{color:#6b7280;word-break:break-all}.dividing_line{border-bottom:1px solid #ddd}.w-90{width:100%;margin-block:10px}.text-primary{color:#ff4b00}.mr-1{margin-right:3px}.ml-1{margin-left:3px}.accessory-widget-more{transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-property:all;color:#ff4b00;font-size:14px;line-height:21px;padding:6px 0 16px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;display:flex;align-items:center;justify-content:space-between}.accessory-widget-more.added{background-color:#ff4b001f}.accessory-widget-more_text{font-weight:500}.accessory-widget-more .m-tooltip__content{min-width:200px;width:200px;background-color:#121826}.accessory-item .adding.active{display:flex;align-items:center;justify-content:end;position:absolute;top:0;height:calc(100% - 10px);border-radius:var(--rounded-card);width:100%;background:linear-gradient(90deg,#534eaf00,#ff6f32 50%);background-position:500px 0;opacity:0;background-repeat:no-repeat;animation:slide-in-overlay 1.25s ease-in-out .2ms 1 forwards}.accessory-item .adding span{font-weight:600;font-size:18px;line-height:27px;margin-right:24px;display:block;color:#fff}@keyframes slide-in-overlay{0%{background-position:500px 0;opacity:0}30%{background-position:0 0;opacity:1}70%{background-position:0 0;opacity:1}to{background-position:500px 0;opacity:0}}.m-tooltip{border-radius:9999px;cursor:pointer;background-color:#000;position:relative;margin-bottom:8px;padding:5px}.m-tooltip--style-2{margin-bottom:0;background-color:#0000}.m-tooltip--style-2 .m-tooltip-icon--active{display:none}.m-tooltip--top .m-tooltip__content{bottom:110%;left:50%;transform:translate(-50%)}.m-tooltip--top .m-tooltip__content:after{left:calc(50% - 5px);bottom:-3px}.m-tooltip--top .m-tooltip__content:before{width:100%;height:8px;left:0;top:100%}.m-tooltip__content{visibility:hidden;position:absolute;z-index:75;min-width:max-content;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--m-duration-default, .25s);display:none;background:#000;color:#fff!important;font-weight:400}.m-tooltip__content:after{content:"";width:10px;height:10px;background:#000;position:absolute;transform:rotate(45deg);z-index:-1}.m-tooltip__content:before{position:absolute;content:"";background:#0000}@media screen and (min-width:1024px){.m-tooltip__content{display:block}}.m-tooltip--icon{color:#000}.m-tooltip:hover .m-tooltip__content{visibility:visible;opacity:1}.m-tooltip:hover.m-tooltip--top .m-tooltip__content{bottom:calc(100% + 8px)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/aw.css.map */