.deskmat-selector{background-color:#fff;padding:20px 0}.deskmat-selector__wrapper{display:flex;padding:0 5rem;color:#000;font-weight:700;flex-direction:column;justify-content:flex-start}.deskmat-selector__body{display:flex;flex-direction:row}.deskmat-selector__stage{flex:1;align-items:flex-start;display:flex;flex-direction:column;width:50%;height:0;padding-top:50%;position:relative;border-radius:var(--card-corner-radius);background-size:cover}.deskmat-selector__stage-display{position:absolute;width:100%;height:100%;top:0;left:0;justify-content:center;align-items:center;display:flex}.deskmat-selector__deskmat-display{position:absolute;z-index:10;transition:all .1s}.deskmat-selector__deskmat-display.deskmat_900x400{width:94%;top:25%;right:3%}.deskmat-selector__deskmat-display.mousepad_400x300{width:60%;top:25%;right:20%}.deskmat-selector__stage-display--accessories .deskmat-selector__deskmat-display.deskmat_900x400{width:90%;top:37%;right:5%}.deskmat-selector__stage-display--accessories .deskmat-selector__deskmat-display.mousepad_400x300{width:40%;top:45%;right:5%}.deskmat-selector__menu{padding-left:50px;width:50%}.deskmat-selector__menu .title{text-align:start;place-self:flex-start;width:100%;min-width:100%;margin-bottom:5px;margin-top:0;font-size:20px}.deskmat-selector__menu .title span{font-size:.8em}.deskmat-selector__menu-heading{margin-bottom:15px}.deskmat-selector__menu-image-wrapper{gap:2px;margin-bottom:40px}.deskmat-selector__menu-image{width:150px;padding:3px;border:2px solid #fff;border-radius:5px;transition:border-color .5s}.deskmat-selector__menu-image:hover{border-color:#ccc;cursor:pointer}.deskmat-selector__menu-image--active,.deskmat-selector__menu-image--active:hover{border-color:#000}.deskmat-selector__menu-image--soldout{opacity:20%}.small_products_wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;overflow:auto;text-align:start}.big_products_wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;overflow:auto;text-align:start}.small_product_image{width:20%;padding:1px;border:none}.hidden{display:none}.mouse_keyboard{position:absolute;left:0;top:0;right:0;margin:auto;width:100%;bottom:0;opacity:1;transition:opacity .5s;z-index:20}.deskmat-selector__switch{display:flex;align-items:center;margin-bottom:30px}.deskmat-selector__switch-toggle{position:relative;display:flex;justify-content:flex-start;align-items:center;width:auto;height:30px;background-color:#000;border-radius:15px;line-height:30px;padding:0}.deskmat-selector__switch-checkbox[type=checkbox]{opacity:0;width:0!important;height:0;display:inline-block;margin:0;position:absolute;top:0;left:0}.deskmat-selector__switch-toggle-text{cursor:pointer;-webkit-transition:.4s;transition:.4s;color:#ccc;font-weight:400;font-size:12px}.deskmat-selector__switch-toggle-text--show:after,.deskmat-selector__switch-toggle-text--hide:before{position:relative;display:inline-block;content:"";height:22px;width:22px;background-color:#fff;vertical-align:middle;border-radius:50%;margin:4px}.deskmat-selector__switch-toggle-text--show{margin-left:15px}.deskmat-selector__switch-toggle-text--hide{margin-right:15px}.deskmat-selector__switch-checkbox:checked~.deskmat-selector__switch-toggle-text--show,.deskmat-selector__switch-checkbox:not(:checked)~.deskmat-selector__switch-toggle-text--hide{display:inline-block}.deskmat-selector__switch-checkbox:not(:checked)~.deskmat-selector__switch-toggle-text--show,.deskmat-selector__switch-checkbox:checked~.deskmat-selector__switch-toggle-text--hide{display:none}.deskmat-selector__switch-text{font-size:14px;font-weight:400}.deskmat-selector__stage-controls{display:flex;width:100%;justify-content:space-between;margin-bottom:10px;padding-left:10px;padding-right:10px;height:40px;position:absolute;bottom:0}.deskmat-selector__stage-controls-details{background-color:#fff;padding:10px 30px;border-radius:5px;font-weight:700;border-width:0}.deskmat-selector__stage-controls-details:hover{cursor:pointer;background-color:#333;color:#fff}.deskmat-selector__stage-controls-buy{display:flex;background:transparent;border-width:0;border-radius:5px;padding:0;overflow:hidden}.deskmat-selector__stage-controls-buy>*{border-width:0}.deskmat-selector__stage-controls-buy>*:first-child{background-color:#333;padding:0 30px;color:#fff;font-weight:400;height:100%;line-height:40px}.deskmat-selector__stage-controls-buy>*:last-child{background-color:#fff;padding:0;color:#000;height:100%}.deskmat-selector__stage-controls-buy>*:last-child img{height:100%}.deskmat-selector__stage-controls-buy:hover{cursor:pointer}.deskmat-selector__stage-controls-buy:hover>*:first-child{background-color:#000}.deskmat-selector__stage-controls-buy:hover>*:last-child{background-color:#ff0}.deskmat-selector__stage-controls-navigation{display:flex;gap:5px}.deskmat-selector__stage-controls-arrow{background-color:#fff;padding:10px;border-radius:5px;font-weight:700;border-width:0;width:40px}.deskmat-selector__stage-controls-arrow:hover{cursor:pointer;background-color:#333;color:#fff}#checkLabel{margin-left:5px}.buyIcon{width:100%;height:100%}@media screen and (max-width: 940px){#info_button{padding:10px}.deskmat-selector__wrapper{flex-direction:column}.deskmat-selector__stage{width:100%;padding-top:min(100%,600px);max-width:600px;align-self:center;margin-bottom:20px}.deskmat-selector__menu{width:100%;padding-left:0}.deskmat-selector__body{flex-direction:column}}@media screen and (max-width: 750px){#info_button{padding:10px 30px}}@media screen and (max-width: 425px){.deskmat-selector__body{flex-direction:column;height:430px}.deskmat-selector__stage-controls{justify-content:center}#info_button,#directions{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/deskmat-selector.css.map */