.td-swatch-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:9999}.td-swatch-drawer-backdrop.active{opacity:1;visibility:visible}.td-swatch-drawer{position:fixed;top:0;right:0;bottom:0;width:600px;max-width:90vw;background:#fff;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000000;display:flex;flex-direction:column}.td-swatch-drawer.active{box-shadow:0 0 10px #00000040;transform:translate(0)}.td-swatch-drawer-close{position:absolute;top:14px;right:14px;width:24px;height:24px;border:none;background:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#292929;padding:0;transition:opacity .2s ease;z-index:10}.td-swatch-drawer-close:hover{opacity:.7}.td-swatch-featured-area{position:relative;width:100%;flex-shrink:0;overflow:hidden;background:#f9f9f9}.td-swatch-featured-slide{position:relative;width:100%}.td-swatch-featured-image{display:block;width:100%;height:auto;max-height:337px;object-fit:cover}.td-swatch-colorway-badge{position:absolute;top:16px;left:0;padding:6px 11px;display:flex;align-items:center;background:#f5eee5;border-radius:0 5px 5px 0;font-family:SweetSansPro,Arial,sans-serif;font-size:12px;font-weight:400;color:#292929;white-space:nowrap;z-index:2;line-height:1.2}.td-swatch-carousel-wrapper{position:relative;display:flex;align-items:center;padding:12px 27px;flex-shrink:0;gap:0}.td-swatch-carousel{overflow:hidden;flex:1}.td-swatch-carousel-slide{cursor:pointer;position:relative;transition:opacity .2s ease}.td-swatch-carousel-slide:hover{opacity:.85}.td-swatch-carousel-img{width:100%;aspect-ratio:132 / 74;object-fit:cover;display:block;border:1px solid #F4F4F4;border-radius:4px}.td-swatch-carat{position:absolute;top:50%;background:none;border:none;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;color:#292929;transition:opacity .2s ease;height:25px;width:25px;padding:0}.td-swatch-carat:hover{opacity:.7}.td-swatch-carat svg{display:block;height:25px;width:25px}.td-swatch-carat--left{left:4px;transform:translateY(-50%)}.td-swatch-carat--right{right:4px;transform:translateY(-50%)}.td-swatch-features-tile{width:100%;height:100%;background:#f4f4f499;position:relative}.td-swatch-features-thumb{width:100%;aspect-ratio:132 / 74;background:#f4f4f4;border:1px solid #F4F4F4;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 8px;box-sizing:border-box;overflow:hidden}.td-swatch-features-thumb-more{font-family:SweetSansPro,Arial,sans-serif;font-size:10px;font-weight:700;color:#5b5350;line-height:1}.td-swatch-features-thumb-label{font-family:SweetSansPro,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5b5350;line-height:1}.td-swatch-features-thumb-icons{display:flex;align-items:center;justify-content:center;gap:10px}.td-swatch-features-thumb-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.td-swatch-features-thumb-icon img,.td-swatch-features-thumb-icon svg{width:100%;height:100%;display:block}.td-swatch-features-tile--featured{position:absolute;top:0;right:0;bottom:0;left:0}.td-swatch-features-badge{position:absolute;top:16px;left:0;height:26px;padding:7px 14px;display:flex;align-items:center;background:#31382d;color:#fff;border-radius:0 5px 5px 0;font-family:SweetSansPro,Arial,sans-serif;font-size:12px;font-weight:400;z-index:3}.td-swatch-features-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:46px;row-gap:28px;padding:68px 29px 37px;align-items:start;justify-items:center;width:100%;box-sizing:border-box}.td-swatch-feature-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.td-swatch-feature-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.td-feature-icon-svg{color:#707967;display:inline-flex;align-items:center;justify-content:center}.td-feature-icon-svg svg{width:100%;height:100%;display:block}.td-material-information__icon-image.td-feature-icon-svg svg{width:24px;height:24px}.td-swatch-feature-title{font-family:SweetSansPro,Arial,sans-serif;font-weight:700;font-size:14px;color:#5b5350;line-height:1.3}.td-swatch-feature-desc{font-family:SweetSansPro,Arial,sans-serif;font-weight:400;font-size:12px;color:#5b5350;line-height:1.2}.td-swatch-drawer-content{padding:16px 27px 20px;height:100%;overflow-y:auto;flex:1}.td-swatch-drawer-header{display:flex;padding-top:0;padding-bottom:20px}.td-swatch-drawer-title{font-family:SweetSansPro,Arial,sans-serif;font-weight:400;font-size:18px;line-height:1.5;letter-spacing:0;color:#5b5350}.td-swatch-drawer-title span{font-weight:500}.td-swatch-drawer-family{font-family:SweetSansPro,Arial,sans-serif;font-weight:400;font-size:16px;color:#5b5350;line-height:1.45;margin-top:2px}.td-swatch-drawer-header-separator{width:120px;height:1px;background:#ddd}.td-swatch-drawer-description{padding-top:20px;font-family:SweetSansPro,Arial,sans-serif;font-weight:400;font-size:14px;color:#5b5350;letter-spacing:0;line-height:1.3}.td-swatch-drawer-disclaimer{font-family:SweetSansPro,Arial,sans-serif;font-weight:400;font-style:italic;font-size:14px;color:#5b5350;line-height:1.3;padding-top:8px}.td-swatch-drawer-details{display:flex;flex-direction:column;gap:12px;padding:16px 0 20px}.td-swatch-drawer-detail{line-height:1.2}.td-swatch-drawer-detail-label{font-family:SweetSansPro,Arial,sans-serif;font-weight:700;font-size:14px;color:#5b5350}.td-swatch-drawer-detail-value{font-family:SweetSansPro,Arial,sans-serif;font-weight:400;font-size:14px;line-height:120%;text-transform:none;letter-spacing:0;color:#5b5350}.td-swatch-drawer-icons{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.td-material-information__feature-icon{width:40px;height:40px;border:1px solid #DDDDDD;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:default;transition:background-color .2s ease}.td-material-information__feature-icon:focus{outline:none}.td-material-information__feature-icon:hover{background-color:#f9f9f9;border-color:#ddd;box-shadow:none;transform:none}.td-material-information__icon-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.td-material-information__icon-image img{width:24px;height:24px;object-fit:contain}@media screen and (max-width:768px){.td-swatch-carat,.td-swatch-carat svg{width:15px;height:15px}.td-swatch-carat--right{right:2px}.td-swatch-carat--left{left:2px}.td-swatch-drawer{width:100%;max-width:500px}.td-swatch-colorway-badge,.td-swatch-features-badge{font-size:10px;height:22px;padding:0 11px}.td-swatch-featured-image{max-height:211px}.td-swatch-features-thumb{gap:4px;padding:6px}.td-swatch-features-thumb-label{font-size:8px;letter-spacing:.1em}.td-swatch-features-thumb-icons{gap:6px}.td-swatch-features-thumb-more{font-size:8px}.td-swatch-features-thumb-icon{width:12px;height:12px}.td-swatch-carousel-wrapper{padding:8px 15px}.td-swatch-drawer-close{top:10px;right:10px;width:19px;height:19px}.td-swatch-drawer-content{padding:0 17px 17px}.td-swatch-drawer-title{line-height:1.3}.td-swatch-drawer-description,.td-swatch-drawer-disclaimer{line-height:1.2}.td-swatch-drawer-header{padding-top:8px;padding-bottom:12px}.td-swatch-drawer-title{font-size:16px}.td-swatch-drawer-family{font-size:14px}.td-swatch-drawer-description,.td-swatch-drawer-disclaimer,.td-swatch-drawer-detail-label,.td-swatch-drawer-detail-value{font-size:12px}.td-swatch-features-grid{grid-template-columns:repeat(2,1fr);row-gap:18px;column-gap:22px;padding:44px 15px 21px}.td-swatch-features-badge{font-size:10px}.td-swatch-feature-icon{width:19px;height:19px}.td-swatch-feature-icon img,.td-swatch-feature-icon svg{width:19px;height:19px}.td-swatch-feature-title{font-size:12px;line-height:1.2}.td-swatch-feature-desc{font-size:10px}.td-swatch-feature-item{gap:6px}.td-material-information__feature-icon{width:36px;height:36px}.td-material-information__icon-image img{width:21px;height:21px}.td-material-information__icon-image.td-feature-icon-svg svg{width:21px;height:21px}.td-swatch-carousel-slide--features .td-swatch-features-tile{max-height:46px}.td-swatch-drawer-description{padding-top:12px}.td-swatch-drawer-details{padding-bottom:12px}.td-swatch-drawer-icons{gap:4px}}@media screen and (max-width:768px){.td-swatch-drawer-icons{margin-top:8px}}@media screen and (min-width:500px)and (max-width:768px){.td-swatch-featured-image{max-height:281px}.td-swatch-drawer-icons{margin-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/406/assets/td-material-panel.css.map */