.dimension-main-container{grid-template-columns:repeat(2,1fr);column-gap:15px;width:100%;display:grid}.dimension-3-column-container{grid-template-columns:repeat(3,1fr)}.dimension-card{border:1px solid var(--text-primary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;transition:all .3s ease-in-out;display:flex}.dimension-card.active-dimension,.dimension-card:hover{background-color:#f0f0f0}.dimension-card>p{font-size:var(--sub-section-size);line-height:1.2;font-weight:var(--sub-section-weight);color:var(--text-primary)}.mobile-viw-dimension-main-contianer{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.mobile-view-dimension-row-contianer{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.mobile-view-dimension-main{border:2px solid var(--border-color);border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;padding:5px;display:none}@media only screen and (max-width:767px){.dimension-main-container{gap:10px;display:flex}.dimension-card{display:none}.mobile-view-dimension-main{padding:8px 12px;display:flex}.dimensions-detail-button-title{font-size:12px;font-weight:500;line-height:16px}.dimension-card>p{font-size:8px;line-height:12px}}
.attributes-types{flex-direction:column;gap:20px;width:100%;padding:5px 0;display:flex}.attribute-type{flex-direction:column;justify-content:start;align-items:start;gap:5px;width:100%;display:flex}.attribute-heading{color:var(--text-primary);font-size:12px!important;font-weight:400!important;line-height:12px!important}.attribute-variations{flex-wrap:wrap;justify-content:start;align-items:start;gap:10px;width:100%;display:flex}.attribute-single-color{flex-direction:column;justify-self:start;align-items:center;gap:5px;display:flex}.attribute-color-variation-box{cursor:pointer;border-radius:4px;box-shadow:0 1px 4px #00000029;cursor:pointer!important;border-radius:4px!important;padding:15px!important;position:relative!important}.attribute-color-variation-box.selected{border:1px solid var(--orange-fill);padding:5px;box-shadow:inset 0 1px 4px #00000029}.attribute-color-variation-box.selected:before{content:"";clip-path:polygon(0% 0%,100% 0%,0% 100%);background-color:#fff;border-radius:4px;width:18px;height:15px;position:absolute;top:0;left:0}.attribute-color-variation-box.selected:after{content:"";border-right:1.75px solid var(--tick-color);border-bottom:1.75px solid var(--tick-color);width:2px;height:5px;position:absolute;top:4px;left:6px;transform:translate(-50%,-50%)rotate(45deg)}.show-selected-size-section{justify-content:start;align-items:center;gap:5px;width:100%;padding:10px;display:flex}.atribute-option-name{color:var(--text-primary);font-size:13px;font-weight:400;line-height:18px}.select-type-attribute{border:1px solid var(--border-color);cursor:pointer;width:max-content;color:var(--text-primary);border-radius:4px;padding:5px 10px;display:flex}.select-type-attribute.select-select-variation{background-color:var(--orange-fill)}.select-type-attribute.select-select-variation p{color:var(--text-oposite)}.select-type-attribute p{font-size:var(--content-one-size);line-height:var(--content-one-height);font-weight:var(--content-one-weight);color:var(--text-primary)}.attribute-image-type{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;height:max-content;display:flex}.variation-image-div{justify-content:center;align-items:center;padding:2px;display:flex}.variation-image-div.active-selected-image-variation{border:1px solid var(--orange-fill);border-radius:10px}.attribute-image-type img{object-fit:cover;border-radius:10px;width:45px!important;height:45px!important}.attribute-image-type p{color:var(--text-primary);font-size:13px;font-weight:400;line-height:18px}.show-selected-size-section p{color:var(--secondary-color);font-size:12px;font-weight:500;line-height:18px}.show-selected-size-section h3{color:var(--secondary-color);font-size:14px;font-weight:600;line-height:21px;text-decoration:underline}.size-variant-boxes-section{justify-content:start;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.size-variant-button{border:1px solid var(--secondary-color);width:max-content;color:var(--secondary-color);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;padding:7px;font-size:13px;font-weight:500;line-height:19px;display:flex}.size-variant-button.set-selected-size{background-color:var(--orange-fill);color:#fff;border:1px solid var(--orange-fill);font-weight:700}@media only screen and (min-width:768px) and (max-width:1023px){.select-type-attribute p{font-size:8px!important}}@media only screen and (max-width:767px){.size-variant-main-container{gap:10px;padding:15px 0 25px}.show-selected-size-section{padding:0}.show-selected-size-section p{font-size:10px;font-weight:500;line-height:15px}.show-selected-size-section h3{font-size:12px;font-weight:600;line-height:18px}.size-variant-boxes-section{gap:5px;padding:0}.size-variant-button{font-size:10px;font-weight:500;line-height:15px}}.variable-all-attributes{flex-direction:column;gap:20px;width:100%;padding:20px 0;display:flex}.variable-color-attribute{flex-direction:column;gap:10px;width:100%;display:flex}.variable-color-attribute h3{color:var(--text-primary);font-size:18px;font-weight:400;line-height:22px}.variable-color-boxes-div{justify-content:start;align-items:center;gap:10px;width:100%;display:flex}.variable-select-main-div{flex-direction:column;gap:10px;width:100%;display:flex}.variable-select-main-div h3{color:var(--text-primary);font-size:18px;font-weight:400;line-height:22px}.select-variation-boxes-div{justify-content:start;align-items:center;gap:10px;width:100%;display:flex}
.dimension-detail-main-container{justify-content:start;align-items:stretch;gap:30px;width:100%;padding:25px 0;display:flex}.dimension-detail-section{background-color:var(--tertiary-background);flex-direction:column;justify-content:start;align-items:start;gap:5px;width:50%;padding:25px 10px;display:flex}.dimension-detail-section>h3{font-size:var(--sub-section-size);line-height:var(--sub-section-height);font-weight:var(--sub-section-weight);color:var(--text-primary)}.dimension-detail-section>p{font-size:var(--content-one-size);line-height:var(--content-one-height);font-weight:var(--content-one-weight);color:var(--text-primary)}.dimension-detail-image-section{border:1px solid var(--border-color);justify-content:center;align-items:center;width:50%;display:flex}.dimension-detail-image-section>img{object-fit:cover;cursor:pointer;width:100%;height:auto}@media only screen and (max-width:480px){.dimension-detail-main-container{display:none}.dimension-detail-section{width:100%;padding:10px}.dimension-detail-image-section{width:100%}}