.oddit-section-shop-by-color{background-color:#fff;-webkit-tap-highlight-color:transparent;container-type:inline-size}.oddit-section-shop-by-color *{box-sizing:border-box}.oddit-section-shop-by-color__container{max-width:1440px;margin:0 auto;padding:35px 16px;display:flex;flex-direction:column;align-items:center;gap:35px}.oddit-section-shop-by-color__header{display:flex;align-items:center;justify-content:center;width:100%}.oddit-section-shop-by-color__heading{margin:0;font-family:Futura PT,sans-serif;font-size:28px;font-weight:600;line-height:1;letter-spacing:.28px;color:#000;text-transform:capitalize;text-align:center;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-shop-by-color__content{display:flex;flex-wrap:wrap;gap:16px 8px;width:100%;align-items:flex-start;justify-content:center}.oddit-section-shop-by-color__tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;width:calc(50% - 4px);text-decoration:none;color:inherit}.oddit-section-shop-by-color__tile-image-wrap{position:relative;overflow:hidden;width:100%;height:100px;background-color:#f6f1ed}.oddit-section-shop-by-color__tile-image{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-shop-by-color__tile-link{display:inline-block;padding-bottom:10px;border-bottom:1px solid #000000;font-family:Futura PT,sans-serif;font-size:18px;font-weight:500;line-height:1;letter-spacing:.18px;color:#000;text-transform:capitalize;text-align:center;white-space:nowrap;text-box:trim-both cap alphabetic}.oddit-section-shop-by-color__tile-link-desktop{display:none}.oddit-section-shop-by-color__tile-link-mobile{display:inline}@container (min-width: 750px){.oddit-section-shop-by-color__container{padding:clamp(50px,5cqi,70px) clamp(24px,3cqi,40px);gap:32px}.oddit-section-shop-by-color__heading{font-size:clamp(28px,2.6cqi,36px)}.oddit-section-shop-by-color__content{flex-wrap:nowrap;gap:20px;align-items:flex-start;justify-content:center}.oddit-section-shop-by-color__tile{width:auto;flex:1 1 0;min-width:0;align-items:center;gap:14px}.oddit-section-shop-by-color__tile-image-wrap{width:100%;max-width:230px;height:clamp(95px,11cqi,145px)}.oddit-section-shop-by-color__tile-link{padding-bottom:12px;font-size:clamp(13px,1.4cqi,16px)}}@container (min-width: 1200px){.oddit-section-shop-by-color__tile-link{font-size:18px;padding-bottom:14px}.oddit-section-shop-by-color__tile-link-desktop{display:inline-block}.oddit-section-shop-by-color__tile-link-mobile{display:none}}@container (min-width: 750px){.oddit-section-shop-by-color--layout-stacked .oddit-section-shop-by-color__content{gap:20px}.oddit-section-shop-by-color--layout-stacked .oddit-section-shop-by-color__tile{flex:0 0 auto}}.oddit-section-shop-by-color__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:390px;height:56px;padding:0 22px;background:#000;color:#fff;border:1px solid #000000;font-family:Futura PT,sans-serif;font-size:18px;font-weight:500;line-height:1;letter-spacing:.18px;text-decoration:none;text-transform:capitalize;text-align:center;white-space:nowrap;text-box:trim-both cap alphabetic;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;cursor:pointer;box-sizing:border-box}.oddit-section-shop-by-color__cta:hover,.oddit-section-shop-by-color__cta:focus-visible{background:#2d2d2d;border-color:#2d2d2d;outline:none}.oddit-section-shop-by-color__cta:focus-visible{outline:2px solid #000000;outline-offset:3px}@container (min-width: 1440px){.oddit-section-shop-by-color--layout-split .oddit-section-shop-by-color__container{padding:85px 50px;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:20px}.oddit-section-shop-by-color--layout-split .oddit-section-shop-by-color__header{width:auto;justify-content:flex-start;flex-shrink:0}.oddit-section-shop-by-color--layout-split .oddit-section-shop-by-color__heading{font-size:40px;letter-spacing:.4px;text-align:left;padding-top:60px}.oddit-section-shop-by-color--layout-split .oddit-section-shop-by-color__content{width:auto;flex:0 1 auto;justify-content:flex-end}.oddit-section-shop-by-color--layout-split .oddit-section-shop-by-color__tile{flex:0 0 auto;gap:18px}.oddit-section-shop-by-color--layout-split .oddit-section-shop-by-color__tile-image-wrap{width:230px;max-width:none;height:145px}.oddit-section-shop-by-color--layout-split .oddit-section-shop-by-color__tile-link{padding-bottom:16px}.oddit-section-shop-by-color--layout-stacked .oddit-section-shop-by-color__container{padding:80px 50px;gap:50px}.oddit-section-shop-by-color--layout-stacked .oddit-section-shop-by-color__heading{font-size:40px;letter-spacing:.4px}.oddit-section-shop-by-color--layout-stacked .oddit-section-shop-by-color__tile{gap:18px}.oddit-section-shop-by-color--layout-stacked .oddit-section-shop-by-color__tile-image-wrap{width:230px;max-width:none;height:145px}.oddit-section-shop-by-color--layout-stacked .oddit-section-shop-by-color__tile-link{padding-bottom:16px}.oddit-section-shop-by-color--density-grid .oddit-section-shop-by-color__content{flex-wrap:wrap;gap:32px 24px}.oddit-section-shop-by-color--density-grid .oddit-section-shop-by-color__tile{flex:0 0 calc(25% - 18px)}}@container (min-width: 750px) and (max-width: 1439px){.oddit-section-shop-by-color--density-grid .oddit-section-shop-by-color__content{flex-wrap:wrap;gap:28px 20px}.oddit-section-shop-by-color--density-grid .oddit-section-shop-by-color__tile{flex:0 0 calc(33.33% - 14px)}}
/*# sourceMappingURL=/cdn/shop/t/307/assets/oddit-section-shop-by-color.css.map */