.variants_container{width:100%;max-width:100%;margin:.5em 0 .7em}.variants{display:grid;grid:1fr/repeat(3,1fr);gap:7px;margin-bottom:1em}.variant{display:none;border-radius:3px;overflow:hidden;min-height:80px;align-items:center;flex-direction:column;background:#f4f4f4;cursor:pointer}.show_variant{display:flex}.variant_selected{border:1px solid #47c6d9;border:1px solid var(--color-primary);background-color:#47c6d926}.variant_selected.state__not_available{background-color:#c4c4c438}.variant_image__overlay{position:relative;font-weight:800;top:50%;transform:translateY(50%);height:100%;display:flex;justify-content:center;align-items:center}.variant_image__container{width:100%;height:40px;overflow:hidden}.variant_image__container.state__not_available{opacity:.1;filter:grayscale(1);margin-top:-38px}.variant_image__overlay p{text-align:center}.variant_image{width:inherit;object-fit:cover}.variant_details__container{display:flex;width:100%;padding:.5em 0;justify-content:space-between}.variant_text__container{width:auto;display:flex;flex-direction:column;justify-content:center;padding-left:9px}.variant_info__container{max-width:18px;width:auto;margin-right:.5em;display:flex;align-content:center}.variant_info__container svg{width:100%;opacity:.7}.variant_title{margin-bottom:1em}.variant_text,.variant_title{font-size:11px;font-weight:300;line-height:13.5px}.variant_text:first-child{margin-bottom:.2em}.variant_details__wrapper{padding:1.5em}.close__container{position:absolute;width:90%;max-width:500px;padding:.5em;display:flex;justify-content:flex-end}.modal_variant_image__wrapper{max-height:100%}.variant_title__container{width:auto;display:flex;flex-direction:column;justify-content:center;padding:0;margin-bottom:.75em}.variant_title__container .variant_title{font-size:16px;margin-bottom:.25em}.variant_details__wrapper .variant__description{font-weight:100;font-size:14px;line-height:1.5em}.promo{font-size:13px;color:#ff5483;color:var(--color-secondary-pink);font-weight:800}.variants_size_container,.variant__size{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.variant__size_option{height:36px;width:100%;display:flex;justify-content:space-between;align-items:center;padding-left:.6em;border:.1em solid #c4c4c4;cursor:pointer}.variant__size_option--expand{grid-column:1/span 2}.option_text{font-weight:100;font-size:12px}.option_text:first-child{margin-bottom:.1em}.size__selected{border:1px solid #47c6d9;border:1px solid var(--color-primary);background-color:#47c6d926}.dropdown__variants select{width:100%;background:linear-gradient(45deg,transparent 50%,#4c4e56 50%),linear-gradient(135deg,#4c4e56 50%,transparent 50%);background-position:calc(100% - 11px) calc(1.2em - 2px),calc(100% - 6px) calc(1.2em - 2px),100% 0;background-size:5px 5px,5px 5px,2.5em 2.5em;font-size:16px;border:1px solid #4c4e56;border:1px solid var(--color-primary-black);background-repeat:no-repeat;line-height:1.5em;padding:.5em 2em .5em .5em;border-radius:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none}.text_bold{font-weight:800}.text_color--pink{color:#ff5483}.variant__size_option:nth-child(odd){margin-right:8px}@media (min-width: 500px){.variants_container{max-width:480px}.variant_image__overlay{transform:translateY(70%)}.variant{margin-right:0;flex:0 0 98%;background:#fff}}@media (min-width: 768px){.promo{font-size:16px}.variant{overflow:hidden;width:100px}.variants{grid:1fr/repeat(4,1fr);gap:7px 0px;margin-bottom:1em}.variant__size_option{height:40px}.variant_image{width:100px;height:40px;object-fit:cover}.variant{margin-right:0;flex:0 0 98%}.variant_image__overlay{transform:translateY(80%)}}@media (min-width: 1100px){.variant_text,.variant_title{font-size:11.5px}.variant_text__container{width:auto;display:flex;flex-direction:column;justify-content:center;padding:0 7px}.variant_image__overlay{transform:translateY(40%)}.variant_image__overlay{font-size:14px}}