main .page-loading{position:relative}main #content.page-loading .products{filter:blur(1.4px) grayscale(0.6);transition:filter 1s ease-in-out .7s}main .page-loading:after{content:"";display:block;position:absolute;inset:0;background-color:#fff;opacity:0.4;z-index:100}main .filters-set{margin-top:20px}main .filters-set>div{display:block}main .filters-set>div>.btn-group{margin-top:5px;vertical-align:baseline;display:inline-flex;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .filters-set>div>.btn-group .btn-close{margin-left:4px}main .filters-set>div+div{margin-top:5px}main .summary{padding:20px 0;align-items:center}main .summary .sort{display:flex;justify-content:end}main .summary .sort .dropdown{display:inline-flex;align-items:center}main .summary .sort .dropdown>.btn-group{margin-left:4px}main .summary .sort .dropdown .btn-group>button{padding:5px 7px 5px;background-color:#e7e7e8;color:#42454c}main .summary .sort .dropdown .btn-group>button:hover{background-color:#dededf}main .filter{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .filter .filter-header{border-radius:4px;box-shadow:#dededf 0 1px 0;padding:8px 6px 6px 36px;background:#f1f1f2;color:#42454c;position:relative;z-index:1}main .filter .filter-header::before{font:normal normal normal 22px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#58b2d9;position:absolute;top:11px;left:14px}main .filter .filter-header>ul{display:flex;flex-wrap:wrap;padding:0;list-style:none;margin:-6px 0 0 -6px}main .filter .filter-header>ul>li{display:inline-block;margin:6px 0 0 6px;cursor:pointer}main .filter .filter-header>ul>li a{display:inline-block;padding:4px 6px;text-decoration:none;color:#42454c}main .filter .filter-header>ul>li a:not(.collapsed){text-decoration:underline}main .filter .filter-header>ul>li a:hover{text-decoration:underline}main .filter .filter-header>ul>li a.filter-active{color:#4091b4}main .filter .filter-header>ul>li a.filter-input-error{color:#e44c44}main .filter .filter-header>.progress-bar{position:absolute;left:0;bottom:0;width:0;height:5px;background-color:#58b2d9;opacity:0.3;transition:width 100ms linear}main .filter .filter-body-wrapper{position:relative;margin:0}main .filter .filter-body{background-color:#f1f1f2;border-radius:0 0 4px 4px;border-width:0 0 1px;border-style:solid;border-color:#dededf;position:relative}main .filter .filter-body .btn-close{position:absolute;top:2px;right:2px}main .filter .filter-body .filter-body-close{position:absolute;top:0px;right:0px;width:18px;height:18px;cursor:pointer;z-index:10}main .filter .filter-body .filter-body-close:before,main .filter .filter-body .filter-body-close:after{position:absolute;left:calc(50% - 1px);top:2px;content:' ';height:18px;width:2px;background-color:#fff;background-color:rgba(0,0,0,0.2)}main .filter .filter-body .filter-body-close:before{transform:rotate(-45deg);transform-origin:50% 50%}main .filter .filter-body .filter-body-close:after{transform:rotate(45deg);transform-origin:50% 50%}main .filter .filter-body .filter-body-close:hover:before,main .filter .filter-body .filter-body-close:hover:after{background-color:rgba(0,0,0,0.2);background-color:#fff}main .filter .filter-body>div.filter-body-content{padding:20px}main .filter .filter-body>div.filter-body-content ul.filter-choices{padding:0;margin:-8px 0 0 -10px}main .filter .filter-body>div.filter-body-content ul.filter-choices li{margin:8px 0 0 10px;display:inline-block;position:relative}main .filter .filter-body>div.filter-body-content ul.filter-choices li>label{display:inline-block;position:relative;cursor:pointer;vertical-align:top;border-radius:5px;padding:7px 22px 5px 22px;background-color:#dededf;border:1px solid #e7e7e8;color:#58b2d9;color:#42454c;transition:padding .2s}main .filter .filter-body>div.filter-body-content ul.filter-choices li>label:after{content:"";background-image:url("../../images/layout/product-color-tick.svg");background-position:50% 50%;background-size:18px 18px;background-repeat:no-repeat;display:block;position:absolute;width:36px;left:22px;top:0;bottom:0;opacity:0;transition:left .2s, opacity .2s, background-position .2s}main .filter .filter-body>div.filter-body-content ul.filter-choices li>label.filter-picto{padding:7px 10px 5px 10px}main .filter .filter-body>div.filter-body-content ul.filter-choices li>label.filter-picto img{border:1px solid #58b2d9;border:1px solid #72727c;border-radius:50%;margin-bottom:3px;width:64px;height:64px;box-sizing:content-box}main .filter .filter-body>div.filter-body-content ul.filter-choices li>input{position:absolute;opacity:0;z-index:-1;appearance:none}main .filter .filter-body>div.filter-body-content ul.filter-choices li>input:checked ~ label{padding:7px 10px 5px 34px;background-color:#58b2d9;border-color:#58b2d9;color:#fff;transition:padding .2s}main .filter .filter-body>div.filter-body-content ul.filter-choices li>input:checked ~ label:after{left:0;opacity:1;transition:left .2s, opacity .3s, background-position .2s}main .filter .filter-body>div.filter-body-content ul.filter-choices li>input:checked ~ label.filter-picto{padding:7px 10px 5px 10px}main .filter .filter-body>div.filter-body-content ul.filter-choices li>input:checked ~ label.filter-picto img{border-color:#000;filter:invert(1) brightness(1.5)}main .filter .filter-body>div.filter-body-content ul.filter-choices li>input:checked ~ label.filter-picto:after{background-position:4px 2px}main .filter .filter-body>div.filter-body-content ul.filter-choices li>input:focus ~ label{box-shadow:0 0 0 .25rem rgba(88,178,217,0.25)}main .filter .filter-body>div.filter-body-content ul.filter-color li>label{background-color:var(--color);border-color:var(--border);color:var(--text)}main .filter .filter-body>div.filter-body-content ul.filter-color li>input:checked ~ label{background-color:var(--color);border-color:var(--border);color:var(--text)}main .filter .filter-body>div.filter-body-content .range-slider .track{background-color:#cacacc}main .filter .filter-body>div.filter-body-content .range-slider .range{background-color:#cacacc}main .filter .filter-body>div.filter-body-content .range-slider .thumb{background-color:#dededf;color:#42454c}main .filter .filter-body>div.filter-body-content .range-slider.modified .range{background-color:#4091b4}main .filter .filter-body>div.filter-body-content .range-slider.modified .thumb{background-color:#58b2d9;color:#fff}main .paging{margin-top:36px;text-align:center;position:relative}main .paging>*:not(:first-child){margin-left:7px}main .paging span{display:inline-block;font-weight:600;letter-spacing:1px}main .paging a{display:inline-block;min-width:40px;height:40px;padding:0 4px;line-height:40px;background-color:#f1f1f2;border-radius:20px;font-size:20px;font-weight:600;text-align:center;color:#e44c44;text-decoration:none}main .paging a.current{background-color:#f06159;color:#f1f1f2}main .paging a.show-all{float:left;width:auto;padding-left:15px;padding-right:15px}main .paging a:not(.current):hover{background-color:#e7e7e8}