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