dwan-product-colors,.dwan-colors{display:block}@media(min-width:750px)and (hover:hover)and (pointer:fine){#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .card__media .media.media--hover-effect>img:first-child{opacity:1}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .card__media .media.media--hover-effect>img+img{opacity:0}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper[data-dwan-image-hover=true] .card__media .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper[data-dwan-image-hover=true] .card__media .media--hover-effect>img+img{opacity:1}}.dwan-colors{position:relative;z-index:2;min-width:0;margin-top:1.2rem;color:#242827;text-align:start}.dwan-color-card .card>.card__content{grid-template-columns:minmax(0,1fr)}.dwan-color-card .card__information,.dwan-color-card .card-information{min-width:0;max-width:100%}.dwan-color-card .dwan-colors,.dwan-color-card .dwan-colors__list{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.dwan-colors__label{margin:0 0 .4rem;color:#5e6562;font-size:1.4rem;line-height:2.2rem}.dwan-colors__label [data-dwan-current-color]{color:#242827}.dwan-material-grid .dwan-color-card .dwan-colors__label,.dwan-material-grid .dwan-color-card .dwan-colors__label [data-dwan-current-color]{color:var(--dwan-muted, #5e6562);font-weight:400}.dwan-colors__list{display:flex;gap:var(--dwan-color-gap-mobile, 4px);overflow-x:auto;max-width:100%;margin:0;padding:4px;list-style:none;scroll-padding-inline:4px;scrollbar-color:#808984 #f4f5f2;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.dwan-colors__item{flex:0 0 auto;margin:0}.dwan-material-grid .dwan-color-card .dwan-colors__list{--dwan-wrap-gap: var(--dwan-color-gap-mobile, 4px);flex-wrap:wrap;gap:var(--dwan-wrap-gap);overflow:visible;max-width:min(100%,calc(200px + 3 * var(--dwan-wrap-gap)))}.dwan-material-grid .dwan-colors__item{max-width:100%}.dwan-material-grid .dwan-colors__choice--text{max-width:min(11rem,100%);overflow-wrap:anywhere}.dwan-colors__choice{display:grid;position:relative;place-items:center;box-sizing:border-box;width:48px;min-width:48px;height:48px;min-height:48px;padding:3px;border:1px solid #808984;border-radius:50%;background:#fff;color:#242827;text-decoration:none;cursor:pointer;touch-action:manipulation}.dwan-colors__choice img{display:block;width:var(--dwan-color-sample-mobile, 32px);height:var(--dwan-color-sample-mobile, 32px);border-radius:50%;object-fit:cover}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text){padding:0;border:0;background:transparent}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text):before{position:absolute;top:50%;left:50%;box-sizing:border-box;width:36px;height:36px;border:1px solid #808984;border-radius:50%;background:#fff;content:"";transform:translate(-50%,-50%);pointer-events:none}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text)>img{position:relative;z-index:1;width:32px;height:32px}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text)[aria-current]:before,.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text)[aria-pressed=true]:before{border:2px solid #242827}.dwan-colors__choice--text{width:auto;height:auto;max-width:11rem;padding-inline:.7rem;border-radius:4px;font-size:1.4rem;line-height:1.8rem;text-align:center}.dwan-colors__choice[aria-current],.dwan-colors__choice[aria-pressed=true]{border:2px solid #242827;padding:2px}.dwan-colors__check{position:absolute;inset-inline-end:-1px;bottom:-1px;display:none;place-items:center;box-sizing:border-box;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:#242827;color:#fff;pointer-events:none}.dwan-colors__check svg{display:block;width:12px;height:12px}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text) .dwan-colors__check{z-index:2;inset-inline-end:2px;bottom:2px;width:16px;height:16px}.dwan-colors__choice--text[aria-current],.dwan-colors__choice--text[aria-pressed=true]{padding-inline:.6rem}.dwan-colors__choice:focus-visible{outline:2px solid #2c5955;outline-offset:2px}.dwan-colors__choice::selection,.dwan-colors__label::selection,.dwan-colors__label span::selection{background:#2c5955;color:#fff}.dwan-color-card.card-wrapper:hover .card__media .media.media--hover-effect>img:first-child{opacity:1;transform:none}.dwan-color-card.card-wrapper .card__media .media.media--hover-effect>img+img{opacity:0;transform:none}.dwan-colors--product{margin-block:1.6rem .8rem}.dwan-colors--product .dwan-colors__list{flex-wrap:wrap;overflow:visible}.dwan-colors__note{max-width:46ch;margin:0 0 2.4rem;color:#5e6562;font-size:1.4rem;line-height:2.2rem}.dwan-material-card__device,.dwan-material-card__material{display:block;overflow-wrap:anywhere;white-space:normal}.dwan-material-card__device{margin-top:.4rem;color:var(--dwan-ink, #242827);font-size:2rem;font-weight:600;line-height:2.8rem}.dwan-material-card__material{color:var(--dwan-accent, #2c5955);font-size:1.4rem;font-weight:600;line-height:2.2rem;letter-spacing:.06em;text-transform:uppercase}.dwan-color-card.card-wrapper .dwan-material-card__link{position:relative;z-index:2;grid-row:4;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;margin-top:.4rem;padding:1.1rem 1.6rem;border:1px solid #2c5955;border-radius:8px;background:#fff;color:#2c5955;font-size:1.6rem;font-weight:600;line-height:2.4rem;text-align:center;text-decoration:none}.dwan-color-card.card-wrapper .dwan-material-card__link:hover{border-color:#1a211e;background:#1a211e;color:#fff}.dwan-material-card__link:focus-visible{outline:2px solid #2c5955;outline-offset:2px}@media screen and (min-width:750px){.dwan-material-grid .dwan-color-card .dwan-colors__list{--dwan-wrap-gap: 4px}.dwan-colors__list{gap:4px}.dwan-colors__choice img{width:32px;height:32px}.dwan-material-card__device{font-size:2rem;line-height:2.8rem}}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.dwan-colors__choice:hover{border-color:#2c5955}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text):hover:before{border-color:#2c5955}.dwan-color-card.card-wrapper:hover .card__media .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.dwan-color-card.card-wrapper:hover .card__media .media.media--hover-effect>img+img{opacity:1}}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text):before,.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text)>img{transition:transform .15s ease;transform-origin:center}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text):hover:before{transform:translate(-50%,-50%) scale(1.08)}.dwan-material-grid .dwan-color-card .dwan-colors__choice:not(.dwan-colors__choice--text):hover>img{transform:scale(1.08)}}@media screen and (min-width:990px){#product-grid.dwan-material-grid>.grid__item>product-component{height:100%}}@media(prefers-reduced-motion:reduce){.dwan-color-card .card__media .media>img{transition:none}}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper a{text-decoration:none}#product-grid.dwan-material-grid .dwan-color-card .dwan-colors__label{position:absolute!important;width:1px;height:1px;min-height:0!important;margin:0!important;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__link{position:relative;isolation:isolate;overflow:hidden;border-color:var(--dwan-accent, #2c5955);background:transparent;color:var(--dwan-accent, #2c5955)}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__fill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:inherit;border-radius:inherit;background:var(--dwan-accent, #2c5955);color:var(--dwan-white, #fff);font:inherit;text-align:inherit;pointer-events:none;clip-path:inset(0 100% 0 0);transition:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__fill{transition:clip-path .5s ease}}@media(hover:hover)and (pointer:fine){#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__link:hover>.dwan-material-card__fill{clip-path:inset(0)}}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__link:focus-visible{outline:2px solid var(--dwan-accent, #2c5955);outline-offset:4px;box-shadow:0 0 0 2px var(--dwan-white, #fff)}#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__link:focus-visible>.dwan-material-card__fill,#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__link:active>.dwan-material-card__fill{clip-path:inset(0);transition:none}@media(prefers-reduced-motion:reduce){#product-grid.dwan-material-grid .dwan-color-card.card-wrapper .dwan-material-card__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/dwan-shopping-colors.css.map */