body.modal-opened{overflow:hidden}body.modal-opened .multi-modal{visibility:visible;opacity:1;bottom:0}body.modal-opened .shopify-section-group-header-group{z-index:0}.multi-modal{position:fixed;top:0;left:0;right:0;bottom:-100vh;display:flex;align-items:center;justify-content:center;background:#000c;visibility:hidden;opacity:0;transition:all .25s ease-in;z-index:20}.multi-modal:after{content:"";position:absolute;z-index:20;width:100%;height:100%;cursor:pointer}.multi-modal .multi-modal__close{position:absolute;z-index:1;top:1px;right:1px;display:inline-flex;padding:6px;cursor:pointer}.multi-modal .multi-modal__close .icon{width:16px;height:16px;margin:0;pointer-events:none;color:rgba(var(--color-foreground),.8)}.multi-modal .multi-modal__swipe-close{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;justify-content:center;align-items:center;width:128px;height:25px}.multi-modal .multi-modal__swipe-close:after{content:"";display:block;width:64px;height:3px;border-radius:3px;background-color:#eee}.multi-modal .multi-modal__dialog{overflow:auto;position:relative;z-index:21;width:100%;max-width:1000px;max-height:80vh;min-height:520px;background:#fff;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-color:auto;scrollbar-width:thin}.multi-modal .multi-modal__dialog::-webkit-scrollbar{-webkit-appearance:none;background-clip:padding-box;background-color:transparent;border-radius:50%;width:.375rem}.multi-modal .multi-modal__dialog::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgb(var(--color-foreground)/.2);border-radius:50%}@media screen and (max-width: 989px){.multi-modal .multi-modal__dialog{max-width:570px;max-height:618px}}@media screen and (min-height: 500px) and (max-height: 620px){.multi-modal .multi-modal__dialog{height:100%}}@media screen and (max-width: 749px){.multi-modal{align-items:flex-end}.multi-modal .multi-modal__close{top:10px;right:10px}.multi-modal .multi-modal__dialog{padding-top:20px;border-radius:30px 30px 0 0;border-top:1px solid rgba(35,35,35,.2)}}.saved-colors{--grid-gap: .8rem;display:flex;gap:0 var(--grid-gap)}.saved-colors .saved-colors__item{position:relative;display:flex;align-items:center;flex-direction:column}.saved-colors .saved-colors__item:after{content:"";position:absolute;z-index:1;display:block;width:100%;height:100%}.saved-colors .saved-colors__item[data-multi=selected-item]:hover{cursor:pointer}.saved-colors .saved-colors__item.selecting .saved-colors__media{border:1px solid #000}.saved-colors .saved-colors__item.selecting .saved-colors__title span{display:none}.saved-colors .saved-colors__item.selecting .saved-colors__title:after{content:attr(data-label)}.saved-colors .saved-colors__item.saved-colors__item--empty .saved-colors__media{display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#f7f7f7}.saved-colors .saved-colors__item.saved-colors__item--empty .saved-colors__media .icon.multi-plus{position:relative;width:18px;height:18px;color:rgb(var(--color-button))}.saved-colors .saved-colors__item.saved-colors__item--empty .saved-colors__title{opacity:1}.saved-colors .saved-colors__media{width:60px;height:60px;margin-bottom:4px}.saved-colors .saved-colors__media .icon.multi-shape{position:absolute;width:100%;height:100%;z-index:1;color:#fff}.saved-colors .saved-colors__button-remove{position:absolute;z-index:2;top:0;right:0;display:flex;justify-content:center;align-items:center;width:20px;height:20px;padding:0;margin:0;border:none;outline:0;box-shadow:none;background:transparent}.saved-colors .saved-colors__button-remove .icon{width:100%;height:100%;pointer-events:none}.saved-colors .saved-colors__button-remove:hover{cursor:pointer}.saved-colors .saved-colors__price .price-item{margin-right:0}.saved-colors .saved-colors__price .price__sale .price-item--regular{display:none}.saved-colors .saved-colors__title{margin-bottom:5px;opacity:.6;letter-spacing:0;font-size:1.2rem;line-height:1.2}@media screen and (min-width: 990px){.saved-colors{--grid-gap: 1.6rem}}@media only screen and (min-width: 1860px){.saved-colors .saved-colors__title{font-size:1.2rem}}.tabs{--bg: #fff;--bg_active: #2f2c2f}.tabs.tabs--choice .tabs__controls{overflow-y:auto;padding-bottom:4px}.tabs.tabs--choice .tabs__content-body{display:flex;gap:8px 8px}.tabs.tabs--choice .tabs__content{max-height:48px}.tabs.tabs--choice .tabs__content.active{overflow-x:auto}@media screen and (max-width: 989px){.tabs.tabs--choice .tabs__controls,.tabs.tabs--choice .tabs__content{scrollbar-width:none}}@media screen and (min-width: 990px){.tabs.tabs--choice .tabs__controls::-webkit-scrollbar{height:.4rem;width:.4rem}.tabs.tabs--choice .tabs__controls::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.4);border-radius:.4rem;border:0}.tabs.tabs--choice .tabs__controls::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.2);border-radius:.4rem}.tabs.tabs--choice .tabs__content-body{flex-wrap:wrap}.tabs.tabs--choice .tabs__content{max-height:186px}.tabs.tabs--choice .tabs__content::-webkit-scrollbar{height:.4rem;width:.4rem}.tabs.tabs--choice .tabs__content::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.4);border-radius:.4rem;border:0}.tabs.tabs--choice .tabs__content::-webkit-scrollbar-track{background:rgba(var(--color-foreground),.2);border-radius:.4rem}.tabs.tabs--choice .tabs__content.active{overflow-x:hidden;overflow-y:auto}}.tabs__controls{display:flex;gap:0 8px;margin-bottom:10px}.tabs__control{position:relative;display:flex;justify-content:center;align-items:center;height:32px;padding:4px 10px 6px;color:rgba(var(--color-foreground),.6);background-color:#f7f7f7;border:1px solid transparent;border-radius:64px;text-align:center;font-size:14px;font-weight:400;line-height:1;cursor:pointer;text-transform:capitalize}.tabs__control.active{color:rgba(var(--color-foreground),1);border-color:rgba(var(--color-foreground),1);background-color:transparent}.tabs__content{z-index:-1;visibility:hidden;opacity:0;height:0}.tabs__content.active{position:relative;z-index:1;display:block;visibility:visible;opacity:1;height:100%}.multi-choice{--image-padding: 0rem}.multi-choice .multi-choice__heading{margin-top:0;margin-bottom:8px}.multi-choice .multi-choice__heading span{color:rgb(var(--color-button))}.multi-choice .multi-choice__selected{padding-top:8px;margin-bottom:2rem}.multi-choice>.saved-colors .saved-colors__item:after{z-index:2}@media screen and (min-width: 990px){.multi-choice .multi-choice__selected{margin-bottom:2.4rem}}.choice-area{--slide-space: 11rem;display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(4,auto);gap:0 0;grid-auto-flow:row;grid-template-areas:"heading heading" "slider slider" "tabs tabs" "actions actions"}.choice-area .choice-area__slider{grid-area:slider;max-width:600px}.choice-area .choice-area__heading{grid-area:heading}.choice-area .choice-area__tabs{grid-area:tabs}.choice-area .choice-area__actions{grid-area:actions}.choice-area .slider{margin-bottom:0}.choice-area .slider.grid--peek.grid--1-col-tablet-down .grid__item,.choice-area .slider.grid--peek.grid--1-col-desktop .grid__item{width:calc(100% - var(--grid-mobile-horizontal-spacing) - var(--slide-space))}.choice-area .slider .media{width:auto}.choice-area .slider-buttons{position:absolute;z-index:1;top:50%;justify-content:space-between;width:100%;padding:0 8px}.choice-area .choice-area__heading{padding:30px 16px 20px}.choice-area .choice-area__tabs{position:relative;overflow:hidden;padding-top:16px;padding-left:16px}.choice-area .choice-area__tab-heading{margin-top:0;margin-bottom:10px;padding-right:16px}.choice-area .choice-area__actions{display:flex;flex-direction:column;align-items:center;gap:0 16px;padding:16px}.choice-area .choice-area__actions [data-multi=add-to-cart]{display:none}.choice-area .choice-area__actions.choice-area__actions--one [data-multi=add-to-cart]{width:100%;display:inline-flex!important}.choice-area .choice-area__actions.choice-area__actions--one [data-multi=btn-select]{display:none}.choice-area .choice-area__actions .button{min-width:200px;max-width:364px}.choice-area .choice-area__info{margin:0;color:rgba(var(--color-foreground),.8);font-size:14px;font-weight:300}.choice-area .saved-colors{gap:0 .6rem;margin-bottom:0}@media screen and (min-width: 750px){.choice-area .choice-area__actions{flex-direction:row;justify-content:space-between;border-top:1px solid rgba(var(--color-foreground),.2)}.choice-area .slider.grid{--grid-desktop-horizontal-spacing: 0;--grid-desktop-vertical-spacing: 0}}@media screen and (min-width: 990px){.choice-area{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto 1fr 1fr 76px;grid-template-areas:"slider slider slider heading heading" "slider slider slider tabs tabs" "slider slider slider tabs tabs" "actions actions actions actions actions"}.choice-area .slider{--grid-desktop-horizontal-spacing: 0;--grid-desktop-vertical-spacing: 0}.choice-area .choice-area__heading{border-bottom:1px solid rgba(var(--color-foreground),.2)}}@media only screen and (min-width: 1860px){.choice-area .saved-colors{gap:0 .4rem}}@media screen and (max-width: 989px){.choice-area .slider{--grid-mobile-horizontal-spacing: 0;--grid-mobile-vertical-spacing: 0}.choice-area .slider.grid--peek .grid__item{min-width:60%}.choice-area .slider.grid--peek .grid__item:first-of-type{margin-left:0}.choice-area .tabs__contents{padding-bottom:.5rem}.choice-area .choice-area__info{padding-bottom:8px}}@media screen and (max-width: 749px){.choice-area .choice-area__heading{padding-top:10px}}.choosed-item{position:relative;overflow:hidden;width:44px;height:44px;flex:0 0 auto;border-radius:50%}.choosed-item:before,.choosed-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:all .25s ease-in-out}.choosed-item:before{border:3px solid transparent;z-index:1}.choosed-item:after{border:1px solid transparent;z-index:2}.choosed-item[disabled]:after{top:46%;transform:rotate(40deg);height:2px;border-radius:0;border:none;background-color:rgba(var(--color-foreground),.6)}.choosed-item.choosed-item__active:before{border-color:#fff}.choosed-item.choosed-item__active:after{border-color:#000}.choosed-item:not([disabled]):hover{opacity:1;cursor:pointer}.choosed-item img{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/multi-choice.bf.build.css.map */