@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:transparent;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top-color:hsla(0,0%,100%,.9);border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:var(--plyr-menu-background,hsla(0,0%,100%,.9));content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:transparent;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:transparent;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:transparent;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline:3px dotted #00b2ff;outline:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff))) dotted 3px;outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"\2044";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word;white-space:normal}.plyr__progress__buffer{-webkit-appearance:none;background:transparent;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:transparent}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:4px;border-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:4px;border-bottom-left-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);border-bottom-right-radius:4px;border-bottom-right-radius:calc(var(--plyr-tooltip-radius, 5px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@charset "UTF-8"; @font-face { font-family: 'whitelabel'; src: url("../../fonts/whitelabel/whitelabel.woff") format("woff"), url("../../fonts/whitelabel/whitelabel.ttf") format("truetype"); font-display: swap; } /* ❗ ATTENZIONE ❗ 📌 Note: - Il file selection.json presente nella cartuccia link_common è l'unico che va utilizzato per la generazione delle icone motivi usato sui brand: oltre, motivi, rubino. - Il file selection.json presente nella cartuccia link_miro è quello da usare per il font miro. Le icone nuove inserite devono avere lo stesso nome di quelle inserite all'interno del file motivi se volete mantenere compatibilità tra i vari brand. - All'interno di entrambi i files sono presenti icone duplicate anteposte dalla voce "new-". Queste icone sono state aggiunte durante il refactoring del checkout per mantenere compatibilità tra il font "motivi" ed il font "miro". - Se aggiornate le icone, oltre a quelle presenti qui nella cartella link_common i file scss e i files generati del font (eot, ttf, svg) vanno caricati anche nelle rispettive cartelle di ogni singolo brand. */ @font-face { font-family: 'motivi'; src: url("../../fonts/icons/motivi.eot?usjnde"); src: url("../../fonts/icons/motivi.eot?usjnde#iefix") format("embedded-opentype"), url("../../fonts/icons/motivi.ttf?usjnde") format("truetype"), url("../../fonts/icons/motivi.woff?usjnde") format("woff"), url("../../fonts/icons/motivi.svg?usjnde#motivi") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'motivi' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-new-add:before { content: "\E942"; } .icon-new-alert:before { content: "\E943"; } .icon-new-call:before { content: "\E944"; } .icon-new-cart:before { content: "\E945"; } .icon-new-chat:before { content: "\E946"; } .icon-new-chevron-down:before { content: "\E947"; } .icon-new-chevron-up:before { content: "\E948"; } .icon-new-close-bubble:before { content: "\E949"; } .icon-new-close:before { content: "\E94A"; } .icon-new-consegna-casa:before { content: "\E94B"; } .icon-new-consegna-locker:before { content: "\E94C"; } .icon-new-consegna-negozio:before { content: "\E94D"; } .icon-new-consegna:before { content: "\E94E"; } .icon-new-geolocalizzazione:before { content: "\E94F"; } .icon-new-gift-card:before { content: "\E950"; } .icon-new-gift:before { content: "\E951"; } .icon-new-info:before { content: "\E952"; } .icon-new-loyalty:before { content: "\E953"; } .icon-new-menu:before { content: "\E954"; } .icon-new-minus:before { content: "\E955"; } .icon-new-pin:before { content: "\E956"; } .icon-new-promo:before { content: "\E957"; } .icon-new-quickview:before { content: "\E958"; } .icon-new-reso:before { content: "\E959"; } .icon-new-search:before { content: "\E95A"; } .icon-new-whatsapp:before { content: "\E95B"; } .icon-new-wishlist-empty:before { content: "\E95C"; } .icon-add:before { content: "\E900"; } .icon-arrow-left:before { content: "\E901"; } .icon-arrow-right:before { content: "\E902"; } .icon-call:before { content: "\E903"; } .icon-cart:before { content: "\E904"; } .icon-chevron-down:before { content: "\E905"; } .icon-chevron-left:before { content: "\E906"; } .icon-chevron-right:before { content: "\E907"; } .icon-chevron-up:before { content: "\E908"; } .icon-close:before { content: "\E909"; } .icon-clothes-hange:before { content: "\E90A"; } .icon-confirm:before { content: "\E90B"; } .icon-dashboard:before { content: "\E90C"; } .icon-edit:before { content: "\E90D"; } .icon-facebook:before { content: "\E90E"; } .icon-filter:before { content: "\E90F"; } .icon-geo:before { content: "\E910"; } .icon-gift-card:before { content: "\E911"; } .icon-gift:before { content: "\E912"; } .icon-google:before { content: "\E913"; } .icon-iconeFitaTabela:before { content: "\E914"; } .icon-info:before { content: "\E915"; } .icon-instagram:before { content: "\E916"; } .icon-loader:before { content: "\E917"; } .icon-login:before { content: "\E918"; } .icon-logout:before { content: "\E919"; } .icon-mail:before { content: "\E91A"; } .icon-menu:before { content: "\E91B"; } .icon-order:before { content: "\E91C"; } .icon-pay:before { content: "\E91D"; } .icon-pin-outline:before { content: "\E91E"; } .icon-pin:before { content: "\E91F"; } .icon-pinterest:before { content: "\E920"; } .icon-print:before { content: "\E921"; } .icon-privacy:before { content: "\E922"; } .icon-promo:before { content: "\E923"; } .icon-quickview:before { content: "\E924"; } .icon-search:before { content: "\E925"; } .icon-share:before { content: "\E926"; } .icon-shipping:before { content: "\E927"; } .icon-slowpay:before { content: "\E928"; } .icon-switch:before { content: "\E929"; } .icon-track:before { content: "\E92A"; } .icon-trash:before { content: "\E92B"; } .icon-twitter:before { content: "\E92C"; } .icon-video:before { content: "\E92D"; } .icon-whatsapp:before { content: "\E92E"; } .icon-wishlist:before { content: "\E92F"; } .icon-youtube:before { content: "\E930"; } .icon-zoom:before { content: "\E931"; } .icon-geolocation:before { content: "\E932"; } .icon-Off:before { content: "\E933"; } .icon-pagamento:before { content: "\E934"; } .icon-tiktok:before { content: "\E935"; } .icon-instagram-v2:before { content: "\E936"; } .icon-facebook-v2:before { content: "\E937"; } .icon-store:before { content: "\E938"; } .icon-youtube-v2:before { content: "\E93C"; } .icon-search-new:before { content: "\E939"; } .icon-cart-new:before { content: "\E93A"; } .icon-account-new:before { content: "\E93B"; } .icon-contactus-callcenter:before { content: "\E93D"; } .icon-loyalty-level-motivi:before { content: "\E93E"; } .icon-loyalty-level-miro:before { content: "\E93F"; } .icon-loyalty-level-oltre:before { content: "\E940"; } .icon-loyalty-level-rubino:before { content: "\E941"; } @font-face { font-family: 'Proxima Nova'; src: url("../../fonts/proxima-nova/ProximaNova-Bold.ttf") format("truetype"); font-weight: 700; font-display: block; } @font-face { font-family: 'Proxima Nova'; src: url("../../fonts/proxima-nova/FontsFree-Net-Proxima-Nova-Sbold.ttf") format("truetype"); font-weight: 600; font-display: block; } @font-face { font-family: 'Proxima Nova'; src: url("../../fonts/proxima-nova/ProximaNova-Regular.ttf") format("truetype"); font-weight: 400; font-display: block; } /* ❗ ATTENZIONE ❗ 📌 Note: - Il file selection.json presente nella cartuccia link_common è l'unico che va utilizzato per la generazione delle icone motivi usato sui brand: oltre, motivi, rubino. - Il file selection.json presente nella cartuccia link_miro è quello da usare per il font miro. Le icone nuove inserite devono avere lo stesso nome di quelle inserite all'interno del file motivi se volete mantenere compatibilità tra i vari brand. - All'interno di entrambi i files sono presenti icone duplicate anteposte dalla voce "new-". Queste icone sono state aggiunte durante il refactoring del checkout per mantenere compatibilità tra il font "motivi" ed il font "miro". - Se aggiornate le icone, oltre a quelle presenti qui nella cartella link_common i file scss e i files generati del font (eot, ttf, svg) vanno caricati anche nelle rispettive cartelle di ogni singolo brand. */ @font-face { font-family: 'motivi'; src: url("../../fonts/icons/motivi.eot?usjnde"); src: url("../../fonts/icons/motivi.eot?usjnde#iefix") format("embedded-opentype"), url("../../fonts/icons/motivi.ttf?usjnde") format("truetype"), url("../../fonts/icons/motivi.woff?usjnde") format("woff"), url("../../fonts/icons/motivi.svg?usjnde#motivi") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'motivi' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-new-add:before { content: "\E942"; } .icon-new-alert:before { content: "\E943"; } .icon-new-call:before { content: "\E944"; } .icon-new-cart:before { content: "\E945"; } .icon-new-chat:before { content: "\E946"; } .icon-new-chevron-down:before { content: "\E947"; } .icon-new-chevron-up:before { content: "\E948"; } .icon-new-close-bubble:before { content: "\E949"; } .icon-new-close:before { content: "\E94A"; } .icon-new-consegna-casa:before { content: "\E94B"; } .icon-new-consegna-locker:before { content: "\E94C"; } .icon-new-consegna-negozio:before { content: "\E94D"; } .icon-new-consegna:before { content: "\E94E"; } .icon-new-geolocalizzazione:before { content: "\E94F"; } .icon-new-gift-card:before { content: "\E950"; } .icon-new-gift:before { content: "\E951"; } .icon-new-info:before { content: "\E952"; } .icon-new-loyalty:before { content: "\E953"; } .icon-new-menu:before { content: "\E954"; } .icon-new-minus:before { content: "\E955"; } .icon-new-pin:before { content: "\E956"; } .icon-new-promo:before { content: "\E957"; } .icon-new-quickview:before { content: "\E958"; } .icon-new-reso:before { content: "\E959"; } .icon-new-search:before { content: "\E95A"; } .icon-new-whatsapp:before { content: "\E95B"; } .icon-new-wishlist-empty:before { content: "\E95C"; } .icon-add:before { content: "\E900"; } .icon-arrow-left:before { content: "\E901"; } .icon-arrow-right:before { content: "\E902"; } .icon-call:before { content: "\E903"; } .icon-cart:before { content: "\E904"; } .icon-chevron-down:before { content: "\E905"; } .icon-chevron-left:before { content: "\E906"; } .icon-chevron-right:before { content: "\E907"; } .icon-chevron-up:before { content: "\E908"; } .icon-close:before { content: "\E909"; } .icon-clothes-hange:before { content: "\E90A"; } .icon-confirm:before { content: "\E90B"; } .icon-dashboard:before { content: "\E90C"; } .icon-edit:before { content: "\E90D"; } .icon-facebook:before { content: "\E90E"; } .icon-filter:before { content: "\E90F"; } .icon-geo:before { content: "\E910"; } .icon-gift-card:before { content: "\E911"; } .icon-gift:before { content: "\E912"; } .icon-google:before { content: "\E913"; } .icon-iconeFitaTabela:before { content: "\E914"; } .icon-info:before { content: "\E915"; } .icon-instagram:before { content: "\E916"; } .icon-loader:before { content: "\E917"; } .icon-login:before { content: "\E918"; } .icon-logout:before { content: "\E919"; } .icon-mail:before { content: "\E91A"; } .icon-menu:before { content: "\E91B"; } .icon-order:before { content: "\E91C"; } .icon-pay:before { content: "\E91D"; } .icon-pin-outline:before { content: "\E91E"; } .icon-pin:before { content: "\E91F"; } .icon-pinterest:before { content: "\E920"; } .icon-print:before { content: "\E921"; } .icon-privacy:before { content: "\E922"; } .icon-promo:before { content: "\E923"; } .icon-quickview:before { content: "\E924"; } .icon-search:before { content: "\E925"; } .icon-share:before { content: "\E926"; } .icon-shipping:before { content: "\E927"; } .icon-slowpay:before { content: "\E928"; } .icon-switch:before { content: "\E929"; } .icon-track:before { content: "\E92A"; } .icon-trash:before { content: "\E92B"; } .icon-twitter:before { content: "\E92C"; } .icon-video:before { content: "\E92D"; } .icon-whatsapp:before { content: "\E92E"; } .icon-wishlist:before { content: "\E92F"; } .icon-youtube:before { content: "\E930"; } .icon-zoom:before { content: "\E931"; } .icon-geolocation:before { content: "\E932"; } .icon-Off:before { content: "\E933"; } .icon-pagamento:before { content: "\E934"; } .icon-tiktok:before { content: "\E935"; } .icon-instagram-v2:before { content: "\E936"; } .icon-facebook-v2:before { content: "\E937"; } .icon-store:before { content: "\E938"; } .icon-youtube-v2:before { content: "\E93C"; } .icon-search-new:before { content: "\E939"; } .icon-cart-new:before { content: "\E93A"; } .icon-account-new:before { content: "\E93B"; } .icon-contactus-callcenter:before { content: "\E93D"; } .icon-loyalty-level-motivi:before { content: "\E93E"; } .icon-loyalty-level-miro:before { content: "\E93F"; } .icon-loyalty-level-oltre:before { content: "\E940"; } .icon-loyalty-level-rubino:before { content: "\E941"; } /* carousel */ /*Tiny Carousel*/ /*nice-select*/ /*prices*/ /*btnAddToCart*/ /*btn Wishlist*/ /* book */ /* refinements */ /* product tile */ /* PDP reassurance */ /*PDP recommendations*/ /* navbar */ /* Quick filters */ /* Wishlist */ /*Footer */ /* cart & checkout*/ /*editorial content*/ /* popovers */ /*PAGE DESIGNER**/ /* header banner */ /* modal storeLocator */ /* Fidelity */ /* Account */ /* Modal */ /* Searchbar */ /*loyalty*/ /*Checkout*/ /* Mobile sort */ /* Order status */ /* Newsletter */ /*pay with giftcard */ /* mark tab unavailable */ /* back to top */ /* Product Care */ /* Store Locator Modal */ /* Cart Checkout */ /* Checkout error and warning */ .pull-left-xs { float: left; } .pull-right-xs { float: right; } @media (min-width: 768px) and (max-width: 1023.98px) { .pull-left-sm { float: left; } .pull-right-sm { float: right; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .pull-left-md { float: left; } .pull-right-md { float: right; } } @media (min-width: 1440px) and (max-width: 1919.98px) { .pull-left-lg { float: left; } .pull-right-lg { float: right; } } @media (min-width: 1920px) { .pull-left-xl { float: left; } .pull-right-xl { float: right; } } @media (max-width: 767.98px) { .hidden-xs-down { display: none !important; } } @media (max-width: 1023.98px) { .hidden-sm-down { display: none !important; } } @media (max-width: 1439.98px) { .hidden-md-down { display: none !important; } } @media (max-width: 1919.98px) { .hidden-lg-down { display: none !important; } } .hidden-xl-down { display: none !important; } .row.equal-height > [class^="col"] { display: -ms-flexbox; display: flex; } .swatch-circle-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f5f5dc; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-beige.disabled { opacity: 0.2; } .swatch-filter-beige { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f5f5dc; border-radius: 0.69em; background-color: #f5f5dc; display: block; position: relative; } .swatch-filter-beige.disabled { opacity: 0.2; } .swatch-circle-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-black.disabled { opacity: 0.2; } .swatch-filter-black { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000; border-radius: 0.69em; background-color: #000; display: block; position: relative; } .swatch-filter-black.disabled { opacity: 0.2; } .swatch-circle-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #0070d2; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-blue.disabled { opacity: 0.2; } .swatch-filter-blue { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #0070d2; border-radius: 0.69em; background-color: #0070d2; display: block; position: relative; } .swatch-filter-blue.disabled { opacity: 0.2; } .swatch-circle-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #a52a2a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-brown.disabled { opacity: 0.2; } .swatch-filter-brown { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #a52a2a; border-radius: 0.69em; background-color: #a52a2a; display: block; position: relative; } .swatch-filter-brown.disabled { opacity: 0.2; } .swatch-circle-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #A2C088; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-green.disabled { opacity: 0.2; } .swatch-filter-green { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #A2C088; border-radius: 0.69em; background-color: #A2C088; display: block; position: relative; } .swatch-filter-green.disabled { opacity: 0.2; } .swatch-circle-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #8f979d; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-grey.disabled { opacity: 0.2; } .swatch-filter-grey { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #8f979d; border-radius: 0.69em; background-color: #8f979d; display: block; position: relative; } .swatch-filter-grey.disabled { opacity: 0.2; } .swatch-circle-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #000080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-navy.disabled { opacity: 0.2; } .swatch-filter-navy { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #000080; border-radius: 0.69em; background-color: #000080; display: block; position: relative; } .swatch-filter-navy.disabled { opacity: 0.2; } .swatch-circle-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ffa500; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-orange.disabled { opacity: 0.2; } .swatch-filter-orange { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ffa500; border-radius: 0.69em; background-color: #ffa500; display: block; position: relative; } .swatch-filter-orange.disabled { opacity: 0.2; } .swatch-circle-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fe249a; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-pink.disabled { opacity: 0.2; } .swatch-filter-pink { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fe249a; border-radius: 0.69em; background-color: #fe249a; display: block; position: relative; } .swatch-filter-pink.disabled { opacity: 0.2; } .swatch-circle-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #800080; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-purple.disabled { opacity: 0.2; } .swatch-filter-purple { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #800080; border-radius: 0.69em; background-color: #800080; display: block; position: relative; } .swatch-filter-purple.disabled { opacity: 0.2; } .swatch-circle-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #f00; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-red.disabled { opacity: 0.2; } .swatch-filter-red { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #f00; border-radius: 0.69em; background-color: #f00; display: block; position: relative; } .swatch-filter-red.disabled { opacity: 0.2; } .swatch-circle-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-white.disabled { opacity: 0.2; } .swatch-filter-white { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #fff; border-radius: 0.69em; background-color: #fff; display: block; position: relative; } .swatch-filter-white.disabled { opacity: 0.2; } .swatch-circle-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #ff0; border-radius: 1.25em; display: block; position: relative; } .swatch-circle-yellow.disabled { opacity: 0.2; } .swatch-filter-yellow { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 1.38em; height: 1.38em; background: #ff0; border-radius: 0.69em; background-color: #ff0; display: block; position: relative; } .swatch-filter-yellow.disabled { opacity: 0.2; } .swatch-circle-miscellaneous { background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%); background-repeat: repeat-y, repeat; background-size: 50% 100%, 100% 100%; border: 0.063em solid rgba(0, 0, 0, 0.3); border-radius: 1.25em; display: block; height: 2.5em; position: relative; transform: rotate(35deg); width: 2.5em; } .swatch-circle-miscellaneous.disabled { opacity: 0.2; } .swatch-circle-miscellaneous.selected::after { transform: rotate(-35deg); } .product-detail .attributes .swatch-circle { border: 0.063em solid rgba(0, 0, 0, 0.3); width: 2.5em; height: 2.5em; background: #fff; border-radius: 1.25em; border: 0.063em solid rgba(0, 0, 0, 0.3); display: inline-block; margin-right: 0.313em; position: relative; } .product-detail .attributes .swatch-circle.color-value[data-selected=true]::after { color: #000; content: '\F058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; left: 0.295em; position: absolute; } .product-detail .attributes .swatch-circle.color-value.selected::after { background: #fff; border-radius: 50%; color: #000; content: '\F058'; display: table-caption; font-family: 'FontAwesome'; font-size: 1.625em; height: 0.75em; left: 0.31em; line-height: 0.8em; position: absolute; top: 0.35em; width: 0.8em; } .product-detail .attributes .swatch-circle i.fa-times-circle { background: #fff; border-radius: 50%; height: 0.75em; line-height: 0.8em; width: 0.8em; } .product-detail [disabled] .swatch-circle, .product-detail .swatch-circle.unselectable { cursor: not-allowed; } .product-detail [disabled] .swatch-circle.color-value.selected::after, .product-detail .swatch-circle.unselectable.color-value.selected::after { background-color: #495057; } label.color ~ a:hover { text-decoration: none; } .description-and-detail { margin-top: 2em; } @media (max-width: 767.98px) { .description-and-detail { margin-top: 0; } .description-and-detail .title { font-size: 1.5rem; margin-bottom: 0; font-family: 'Dosis', sans-serif; } .description-and-detail > div:last-child { margin-bottom: 1em; } } @media (min-width: 768px) { .description-and-detail .description { margin-bottom: 2em; } } @media (max-width: 767.98px) { .description-and-detail .content { margin-top: 1em; } } .social-container { padding-top: 0.9375em; text-align: center; } .social-container .social-icons { text-decoration: none; font-size: 1.875em; list-style-type: none; padding: 0; color: #444; } @media (max-width: 1439.98px) { .social-container .social-icons { font-size: 1.5625em; } } .social-container .social-icons i, .social-container .social-icons a { color: #444; padding-right: 0.2em; } label.availability { padding-right: 0.3125em; } @media (min-width: 768px) { .product-number-rating { border-bottom: 1px solid #ccc; } } @media (min-width: 1024px) { .product-number-rating { border-top: 1px solid #ccc; } } @media (min-width: 768px) and (max-width: 1023.98px) { .product-name { border-bottom: 1px solid #ccc; } } @media (min-width: 768px) { .product-number-rating .ratings { margin-top: 0.625em; } } @media (max-width: 767.98px) { .product-number-rating .ratings { background-color: #fff; margin-top: -1.875em; /* 30/16 */ margin-right: -0.9375em; /* 15/16 */ padding: 0.1875em; /* 3/16 */ } } .product-number { color: #ccc; font-size: 0.875em; padding-bottom: 0.938em; padding-top: 0.938em; } .promotions { font-weight: normal; text-align: center; height: 85%; } .promotions div.collapsible-xl button.callout { font-size: 1.25em; padding-bottom: 1.25rem; padding-top: 1.25rem; color: #BA4D4D; } @media (min-width: 768px) { .promotions div.collapsible-xl button.callout { font-size: 1.375em; } } .promotions div.collapsible-xl button.callout::after { color: #000; } .product-breadcrumb .breadcrumb { border-bottom: none; margin-left: -1rem; margin-bottom: 0; } @media (max-width: 1439.98px) { .product-breadcrumb .breadcrumb { border-top: 1px solid #ccc; } } .price { font-size: 1.5rem; } .product-options { margin-top: 1.25em; } .size-chart .size-chart-collapsible { max-height: 0; overflow: hidden; transition: max-height 0.5s; transition-timing-function: cubic-bezier(0, 1, 0, 1); } .size-chart .size-chart-collapsible.active { max-height: 100%; transition-timing-function: ease-in-out; } .color-attribute { border: none; padding: 0; background: none; } .non-input-label { display: block; margin-bottom: 0.5rem; } @media (min-width: 1024px) { .attributes { padding-left: 2.5rem; padding-right: 2.5rem; } } @media (max-width: 767.98px) { .product-grid { padding-top: 0.938em; } .product-grid .col-6 { padding-left: 5px; padding-right: 5px; } } .plyr__control--overlaid { background-color: #3A3F46; } .plyr--full-ui input[type="range"] { color: #3A3F46; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: unset !important; position: unset !important; transform: unset !important; } .plyr__video-wrapper.plyr__video-embed { padding-bottom: 134% !important; } /* Mixin BUTTONS */ /* Mixin BUTTON PRIMARY * Colore di sfondo: nero * Border colore: nero * Colore testo: bianco * Action: * Colore di sfondo: specifico per brand * Colore testo: specifico per brand * Border color: specifico per brand */ /* Mixin BUTTON OUTLINE PRIMARY * Colore di sfondo: trasparente * Colore testo: nero * Border colore: nero * Action: * Colore di sfondo: specifico per brand * Colore testo: specifico per brand * Border color: specifico per brand */ /* Mixin BUTTON SECONDARY * Colore di sfondo: bianco * Colore testo: - * Border colore: specifico per brand * Action: * Colore di sfondo: bianco * Colore testo: nero * Border color: specifico per brand */ /* Mixin BUTTON THIRDY * Colore di sfondo: nero * Colore testo: bianco * Border colore: specifico per brand * Action: * Colore di sfondo: bianco * Colore testo: specifico per brand * Border color: bianco */ /* * Mixin BUTTON BORDER BOTTON */ /* * Restyling Oltre (MD-355) - Button with transparent background with border white or other color and hover pink */ /* * Altezza bottoni * 2 tipologia: big, small */ /* * Altezza bottoni * 2 tipologia: big, small */ /* * Font setting * Size, weight, line-height, letter-spacing */ #sizechartModal .close { margin: 0; position: absolute; right: 0; top: 0; padding: 0.2rem; background-color: #333; color: #fff; border-bottom-left-radius: 2px; } @media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) { #sizechartModal .modal-dialog { max-width: 50rem; } } #sizechartModal .head { text-align: center; margin-bottom: 1rem; font-weight: normal; } #sizechartModal .head h5 { text-transform: uppercase; } #sizechartModal th, #sizechartModal td { border: 1px solid #DCCCD3; cursor: default; } @media (max-width: 767px) { #sizechartModal th.mobile-break, #sizechartModal td.mobile-break { line-height: 1; padding: 3px; word-spacing: 3vw; } } #sizechartModal th { width: 10%; } #sizechartModal td { text-align: center; } #sizechartModal td:hover { background-color: #333; color: #fff; } #sizechartModal table .primary-title { background-color: #333; color: #fff; text-transform: uppercase; font-weight: normal; padding: 1px; } #sizechartModal table .simple-label { text-transform: uppercase; font-weight: normal; color: #333; } #sizechartModal table .new-table-label { border: none; padding: 1px; } #sizechartModal table .new-table-label th { border: none; font-style: italic; font-weight: normal; } .pdp-reassurance { font-size: 1rem; color: white; background-color: #111820; padding: 1rem; } @media (min-width: 1024px), (min-width: 768px) and (max-width: 1023px) { .pdp-reassurance { display: none; } } @media (max-width: 767px) { .pdp-reassurance { font-size: .75rem; text-align: left; padding: 0.5rem; } } .pdp-reassurance .reassurance-block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; } .pdp-reassurance .reassurance-block .reassurance-icon, .pdp-reassurance .reassurance-block .reassurance-label { display: block; } .pdp-reassurance .reassurance-block .reassurance-icon { margin-right: 5px; } .main-pdp { margin-right: auto; margin-left: auto; max-width: 1280px; } .breadcrumb { padding-left: 30px; padding-top: 25px; border: none !important; } .breadcrumb li + li:before { padding-right: 8px; padding-left: 12px; content: "\E903"; font-family: "whitelabel"; font-size: 12px; font-weight: normal; } .breadcrumb li.breadcrumb-item-custom.this-page { font-weight: bold; } .breadcrumb li.breadcrumb-item-custom.this-page::after { content: none; display: none; } .product-detail { margin-top: 1rem; } .product-detail hr { border-top: 1px solid #DCCCD3; margin: 1rem 15px; } .more-infos-pdp .btn-container, .more-infos-pdp .recommendation-tab { display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-bottom: 2px solid #e5c7ca; } .more-infos-pdp .btn-description, .more-infos-pdp .btn-recommendations { opacity: .5; background: #e5c7ca; border: 2px solid #e5c7ca; margin-bottom: -2px; text-transform: uppercase; cursor: pointer; font-weight: bold; padding: 12px; margin-right: 1.7px; margin-left: 1.7px; } .more-infos-pdp .btn-description.selected, .more-infos-pdp .btn-recommendations.selected { opacity: 1; color: inherit; background-color: #fff; border-bottom: 2px solid #fff; cursor: auto; } @media (max-width: 767px) { .more-infos-pdp .btn-description, .more-infos-pdp .btn-recommendations { border: 0px solid #e5c7ca; margin-bottom: 0px; margin-top: 1em; } .more-infos-pdp .btn-description.selected, .more-infos-pdp .btn-recommendations.selected { border-bottom: 0px solid #fff; } } .description-container { padding-left: 12px; padding-right: 12px; padding-top: 5px; } .description-container h5, .description-container span { display: block; font-size: 1rem; font-weight: bold; text-transform: capitalize; margin-top: 12px; margin-bottom: 0px; } .description-container .custom-flex-container { /* ul { padding-left: 15px; } */ } .btn-description-mobile { padding: 12px; border-top: 1px solid #e5c7ca; font-weight: bold; text-transform: uppercase; cursor: pointer; margin: 4px; } .btn-description-mobile a { color: #000 !important; opacity: 0.8; } .btn-description-mobile a::after { content: "\F078"; float: right; } .btn-description-mobile.selected a { opacity: 1; } .btn-description-mobile.selected a::after { content: "\F077"; float: right; } .details-container-mobile .title { border-top: 1px solid #e5c7ca; border-bottom: 1px solid #e5c7ca; border-radius: 0px; margin-top: -1px; cursor: pointer; text-transform: uppercase; font-weight: bold; } .details-container-mobile .title { line-height: 2.5rem; position: relative; } .details-container-mobile .title::after { content: "\E904"; font-family: "whitelabel"; font-size: 10px; transition: 0.3s; font-size: 15px; padding: 0 0.76rem; display: inline-block; position: absolute; right: 0; font-weight: bold; } .details-container-mobile .title.active-dropdown::after { transition: 0.3s; -webkit-transform: rotate(180deg); } .details-container-mobile .collapse { padding-left: 12px; padding-right: 12px; padding-top: 5px; } .details-container-mobile .collapse h5 { text-transform: capitalize; font-weight: bold !important; margin: 0.25rem 0 0.125rem 0; } .details-container-mobile .collapse div { margin-bottom: 3px; } .details-container h5, .details-container-mobile h5 { font-size: 1rem; } .details-container ul, .details-container-mobile ul { padding-left: 15px; } .more-infos-pdp { max-width: 930px; margin: auto; } @media (min-width: 1024px) { .product-detail .main-infos { padding-left: 0px; padding-right: 0px; } .product-detail .main-infos .percentage { padding-left: 3.3rem; } } .product-detail .main-infos .percentage .sale-off { background-color: #dcccd3; color: #333; border: 0px solid none; padding: 0.194rem 0.375rem; border-radius: 3px; } @media (min-width: 1024px) { .product-detail .attributes { padding-left: 2.5rem; padding-right: 0px; } } .product-detail .attributes .product-attributes { margin-top: 12px; margin-bottom: 12px; } .product-detail .attributes .attribute { margin-top: 0; } .product-detail .attributes .size-chart { font-size: 11px; margin-top: 1.3rem; } .product-detail .attributes .swatch-circle.color-value { position: relative; width: 20px; height: 20px; display: block; margin-right: 10px; margin-bottom: 10px; } .product-detail .attributes .swatch-circle.color-value.selected { width: 15px; height: 15px; } .product-detail .attributes .swatch-circle.color-value.selected::after { content: ''; display: block; position: absolute; top: -3px; bottom: 0; left: -3px; right: 0; border-radius: 50%; border: 1px solid #000; width: 20px; height: 20px; background: transparent; } .product-detail .attributes .swatch-circle.color-value.disabled { opacity: 0.5; pointer-events: none; } .product-detail .attributes .swatch-circle.color-value.disabled::after { opacity: 0.5; } @media (min-width: 1024px) { .product-name, .prices, .kosm-pdp { padding-left: 2.5rem; } } @media (min-width: 768px) and (max-width: 1023px) { .product-name { border-bottom: none; } } .promotions p { margin-bottom: 0; } .promotions .promotions-container { text-align: center; background-color: #e4c7ca; color: #333; padding: 0.5rem 0.1rem; } .promotions .promotions-container:first-of-type { border-top-right-radius: 0.3rem; border-top-left-radius: 0.3rem; } .promotions .promotions-container:last-of-type { border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .promotions .callout { padding-bottom: 0; } .promotions .details { padding-top: 0; } .promotions .promo-name { display: none; } .promotions + .product-badge-container { margin-top: 1.5rem; } #fullScreenImg { padding-right: 0 !important; z-index: 10000; } #fullScreenImg .modal-content { height: 100vh; overflow: hidden; } #fullScreenImg .modal-content .modal-body, #fullScreenImg .modal-content .image-container, #fullScreenImg .modal-content .full-image-container { height: 100%; overflow: hidden; } @media (max-width: 767px) { #fullScreenImg .modal-content .modal-body, #fullScreenImg .modal-content .image-container, #fullScreenImg .modal-content .full-image-container { -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) { #fullScreenImg .modal-content .modal-body img, #fullScreenImg .modal-content .image-container img, #fullScreenImg .modal-content .full-image-container img { width: 100%; } } @media (max-width: 767px) { #fullScreenImg .modal-content .modal-body img, #fullScreenImg .modal-content .image-container img, #fullScreenImg .modal-content .full-image-container img { height: 100%; width: 100%; } } #fullScreenImg .modal-content .full-image-container { max-width: 1600px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { #fullScreenImg .modal-content .full-image-container { overflow: scroll; } #fullScreenImg .modal-content .full-image-container .zoom-img { object-fit: cover; object-position: center; margin-top: 0 !important; width: 200%; height: auto; overflow: scroll; } } #fullScreenImg .modal-content button { z-index: 2000; position: absolute; top: 6px; right: 6px; } #fullScreenImg .modal-content .image-container { position: relative; max-width: 1600px; margin-left: auto; margin-right: auto; } #fullScreenImg .modal-content #full-image { height: 100vh; } #fullScreenImg .modal-content .modal-body { padding: 0px; } #fullScreenImg .full-img-modal { max-width: 100%; position: relative; height: 100%; margin: 0 auto; } @media (max-width: 767px) { #fullScreenImg #full-image { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } #fullScreenImg .full-image-preview { position: absolute; z-index: 1066; } @media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) { #fullScreenImg .full-image-preview li { height: 80px; width: 77px; margin-top: 2rem; margin-left: 2rem; cursor: pointer; } } @media (max-width: 767px) { #fullScreenImg .full-image-preview { display: -ms-flexbox; display: flex; -ms-flex: 0 0 150px; flex: 0 0 150px; bottom: 0; padding-top: 10px; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden; position: relative; } #fullScreenImg .full-image-preview ol { margin-bottom: 0; height: 20vh; } } @media (max-width: 767px) and (max-width: 767px) { #fullScreenImg .full-image-preview ol { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; margin: 0; } } @media (max-width: 767px) { #fullScreenImg .full-image-preview ol li { margin-bottom: 0; height: 100%; margin-right: 4rem; } } @media (max-width: 767px) and (max-width: 767px) { #fullScreenImg .full-image-preview ol li { display: block; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; margin-right: 10px; } } #fullScreenImg .full-image-container { cursor: zoom-out; cursor: -webkit-zoom-out; } #fullScreenImg button { background-color: #000; color: #fff; border-radius: 0px; } #fullScreenImg button::after { content: "\E905"; font-family: "whitelabel"; font-size: 17px; position: relative; } .sizechart-link { text-align: right; text-transform: uppercase; padding-right: 19px; padding-left: 0px; } .sizechart-link a { border-bottom: 2px solid #e5c7ca; padding-bottom: 2px; text-decoration: none; } .sizebay { text-align: left; text-transform: uppercase; padding-right: 0px; padding-left: 19px; } .sizebay a { border-bottom: 2px solid #e5c7ca; padding-bottom: 6px; text-decoration: none; } .loyalty-content { margin-top: 24px; text-align: center; background-color: #e4c7ca; color: #333; padding: 0.5rem 1rem; position: relative; border-radius: 5px; } .loyalty-content .loyalty-header { padding-top: 0.6rem; text-transform: uppercase; } .loyalty-content .help-group .icon-info { position: absolute; top: 0.5rem; right: 0.5rem; font-weight: 100; font-size: 0.9rem; cursor: pointer; } .loyalty-content .help-group .tooltip-custom { background-color: #fff; color: #333; border: 1px solid #e4c7ca; border-radius: 3px; max-width: 16rem; padding: 1em; transform: none; position: absolute; right: 7%; top: 26%; z-index: 100; font-size: 12px; text-align: left; } .loyalty-content .help-group .tooltip-custom a { float: right; font-weight: bold; text-decoration: underline; } @media (max-width: 767px) { .loyalty-content .help-group .tooltip-custom { max-width: 18rem; } } .loyalty-content .help-group .tooltip-custom .icon-close { font-size: 1.4rem; position: absolute; right: 8px; top: 8px; cursor: pointer; } .reserved-promo-container { text-align: left; font-size: 18px; font-weight: 600; color: #F32D7E; margin-bottom: 10px; } .set-item .carousel-edit .zoom-toggler::after { display: none; } .set-item .product-images-container .carousel-inner { cursor: default; } .carousel-edit .zoom-toggler i::before { position: absolute; top: 14px; right: 14px; font-size: 18px; z-index: 121; cursor: pointer; color: #7d8188; } .carousel-edit .icon-prev, .carousel-edit .icon-next { background-color: transparent; font-size: 1.875em; height: 3rem; padding-top: 0.24em; width: 3rem; } .carousel-edit .icon-prev::before, .carousel-edit .icon-next::before { color: black; font-family: 'FontAwesome'; } .carousel-edit .icon-prev::before { content: '\F104'; } .carousel-edit .icon-next::before { content: '\F105'; } .carousel-control-prev { z-index: 120; -ms-flex-pack: start; justify-content: flex-start; } .carousel-control-prev i { margin-left: 10px; } .carousel-control-next { z-index: 120; -ms-flex-pack: end; justify-content: flex-end; } .carousel-control-next i { margin-right: 10px; } .carousel-control-next i, .carousel-control-prev i { background-color: #fff; border-radius: 50%; line-height: 1; font-size: 12px; padding: 10px; color: #444; width: 32px; height: 32px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-images-container { margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; } @media (min-width: 1024px) { .product-images-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .product-images-container .carousel-inner { cursor: zoom-in; } .product-images-container .imagethumb-container { padding-left: 0px; } } @media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) { .product-images-container { -ms-flex-direction: row; flex-direction: row; } .product-images-container .carousel-innner { margin-bottom: 12px; } .product-images-container .imagethumb-container { margin-left: 0px; } } /* .carousel-indicators, */ .dots li { width: 0.625rem; height: 0.625rem; opacity: 0.5; margin: 0 6px; border-radius: 100%; background-color: #e5c7ca; } .dots li.active { background-color: #c7a7aa; } /* Dots Oltre PDP Mobile */ @media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) { .indicator-container { display: none; } } .image-preview { margin-top: 0px; padding: 0px; } .image-preview li { width: 70px; height: 78px; margin-bottom: 15px; padding: 0px; display: block; min-width: 70px; opacity: 0.3; } .image-preview li img { border: 0px; } .image-preview .active { opacity: 1; } .image-preview .active img { border: 2px; border-style: solid; border-color: #e5c7ca; } @media (min-width: 1024px) { .image-thumbnail { margin: .25rem; max-width: 88%; float: right; } } @media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) { .image-thumbnail { height: 80px; float: right; } } .im-thumb { cursor: pointer; margin-top: -4px; } @media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) { .im-thumb { margin-top: 0px; height: 80px; margin-right: 0px; float: right; } } .im-thumb.video-thumb.active i { color: #e5c7ca; border-color: #e5c7ca; } .im-thumb.video-thumb i { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 88%; height: 100%; color: #333; border: 2px solid #333; margin: .25rem; } @media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) { .image-preview { display: -ms-flexbox; display: flex; max-width: 100%; margin-top: 8px; } .image-preview li { display: -ms-flexbox; display: flex; max-width: 100%; } } .modal-header-custom { background-color: white; border-bottom: 0px; max-height: 40px; } .modal-header-custom .close { background-color: black; height: 40px; width: 40px; } .modal-header-custom .close span { color: white; display: table; margin: 0 auto; } .modal-look { top: 10vh; width: 738px; margin-left: 73px; } .modal-body-custom .primary-images { max-width: 46%; } .modal-body-custom .product-images-container .carousel-inner { cursor: default; } .modal-body-custom .carousel-edit .zoom-toggler::after { display: none; } .attributes .size { display: none; } .attributes .custom-select { width: 100%; display: block; } .add-to-cart-modal { padding-left: 0px; padding-right: 0px; } .add-to-cart-modal .btn { display: block; } .add-to-whishlist { padding-left: 0px; padding-top: 12px; } .add-to-whishlist a:link { text-decoration: none; } .whishlist-message { display: none; } .full-details a { float: right; margin-top: 1.5rem; margin-bottom: 1.5rem; text-transform: uppercase; font-weight: bold; } .book-now-modal { margin-top: 18px; padding-left: 2px; text-transform: uppercase; } .book-now-modal .book-now { display: none; color: red; } .modal-footer-custom { display: none; } .product-set-detail { padding-left: 0px !important; padding-right: 0px !important; } .set-numbering { text-transform: uppercase; margin-bottom: 1rem; } .set-item { padding: 0px !important; } .set-item .percentage { position: relative; top: 11px; } .set-item .percentage .sale-off { background-color: #dcccd3; color: #333; border: 0px solid none; padding: 0.194rem 0.375rem; border-radius: 3px; } .pset-infos { padding-left: 0px; padding-right: 0px; } .pset-infos .set-breadcrumbs { text-transform: uppercase; background-color: black; color: white !important; border-radius: 4px; font-size: 12px; padding: 3px 6px; } .pset-infos .set-breadcrumbs a { color: white !important; text-decoration: none; } .pset-infos .shop-look { font-size: 11px; } .pset-infos .set-shortDescription, .pset-infos .set-name { font-weight: bold; line-height: 20px; } .pset-infos .set-longDescription { font-size: 11px; margin-top: 2rem; } .prices-set span { color: #3A3F46; font-size: 22px; } .description .description-title { font-weight: bold; } .description .description-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; } .description .link-full-prod { padding-top: 8px; padding-bottom: 10px; } .description .link-full-prod a { text-decoration: underline; } .description .link-full-prod a:hover { text-decoration: underline; } @media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) { .product-set-detail { max-width: 1280px !important; } .product-set-detail .pset-image img { float: right; } .product-set-detail hr { margin: 1rem 7rem; } .set-item { display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .set-item .primary-images { -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .set-item .attributes { padding-left: 0; } .set-item .attributes button { margin-left: 0; } .set-item .set-numbering { padding-left: 11%; } } .color-label { text-transform: uppercase; } .color-value { text-transform: capitalize; } .availability-msg { padding-left: .1rem; } .availability-msg .not-orderable { color: #ef8888; text-transform: none; } .carousel-container { position: relative; } .carousel-container .badge-container { font-family: "Proxima Nova"; position: absolute; left: 0; top: 50px; z-index: 100; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } @media (max-width: 767px) { .carousel-container .badge-container { left: 15px; } } .carousel-container .badge-container .badge-element { line-height: 21px; text-transform: uppercase; font-size: 12px; padding: 2px 10px; font-weight: 600; } .carousel-container .badge-container .badge-element:nth-child(even) { margin: 10px 0; } .carousel-container .badge-container .badge-availability { background-color: #f05050; color: #fff; } .carousel-container .badge-container .badge-best-seller, .carousel-container .badge-container .badge-promotion { background-color: #fff; color: #000; } .carousel-container .video-item { position: relative; } .carousel-container .video-item .video-wrapper { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 100; } .carousel-container .video-item .video-wrapper #pdpPlayer { height: 100%; width: 100%; } @media (min-width: 1024px) { .carousel-and-attrs { max-width: 930px; margin-left: auto; margin-right: auto; } .carousel-and-attrs .primary-images { padding-left: 0px; padding-right: 0px; } .carousel-and-attrs .carousel-container { padding-right: 0px; padding-left: 0px; } } /* AE-1334 - Sticky bar PDP */ .addtocart-stickybar { display: none; } @media (max-width: 767px) { .addtocart-stickybar { display: block !important; position: fixed; bottom: 0; background-color: #fff; width: 100%; margin-left: 0; margin-right: 0; left: 0; z-index: 133; padding: 15px 20px; border: 1px solid #ededed; } .addtocart-stickybar .size-selector-btn { position: relative; border-radius: 4px; border: 1px solid; height: 40px; text-align: left; padding: 10px 14px; border-color: #ededed; color: #7d8188; font-size: 14px !important; font-weight: 600; line-height: 15.4px; } .addtocart-stickybar .size-selector-btn:after { position: absolute; cursor: pointer; content: "\E904"; font-family: "whitelabel"; font-size: 10px; right: 12px; top: 12px; } .addtocart-stickybar .row .col-6:first-child { padding-right: 4px; } .addtocart-stickybar .row .col-6:last-child { padding-left: 4px; } .addtocart-stickybar .prices-add-to-cart-actions-custom .add-to-cart-fromsticky { width: 100%; background-color: #01030f; border-color: #01030f; color: #fff !important; font-weight: normal; text-transform: uppercase; margin-left: auto; margin-right: auto; width: 100%; border-radius: 8px; } .addtocart-stickybar .prices-add-to-cart-actions-custom .add-to-cart-fromsticky:hover, .addtocart-stickybar .prices-add-to-cart-actions-custom .add-to-cart-fromsticky:active, .addtocart-stickybar .prices-add-to-cart-actions-custom .add-to-cart-fromsticky:focus { background-color: #dcccd3 !important; color: #111820 !important; border-color: #dcccd3 !important; box-shadow: none !important; } .cart-and-ipay { padding-bottom: 0; } } @media (max-width: 767px) { .product-set-detail .product-breadcrumb { margin-left: 15px; margin-right: 15px; } } @media (max-width: 767px) { .product-breadcrumb .row .col { position: relative; overflow: hidden; height: 38px; } .product-breadcrumb .row .col::before, .product-breadcrumb .row .col::after { content: ""; position: absolute; top: 0; bottom: 0; display: block; width: 30px; border-radius: 5px; } .product-breadcrumb .row .col::before { left: 15px; background: linear-gradient(to right, #ede4e6, rgba(255, 255, 255, 0)); } .product-breadcrumb .row .col::after { right: 15px; background: linear-gradient(to right, rgba(255, 255, 255, 0), #ede4e6); } } @media (max-width: 767px) { .product-breadcrumb .row .col .breadcrumb { height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: start; justify-content: start; overflow: auto; margin: 0; padding: 0 30px; background-color: #ede4e6; border-radius: 5px; } } @media (max-width: 767px) { .product-breadcrumb .row .col .breadcrumb li.breadcrumb-item-custom { padding-right: 10px; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } } @media (max-width: 767px) { .product-breadcrumb .row .col .breadcrumb li.breadcrumb-item-custom:last-of-type { margin-right: auto; } } .product-breadcrumb .row .col .breadcrumb li + li::before { padding-right: 0; padding-left: 0; } /* AE-1758 - Order in store by XStore */ .row-product-code-cta { margin-top: 12px; margin-bottom: 12px; } .row-product-code-cta .pdp-show-product-code { font-weight: normal; background-color: #fff; border-color: #01030f; border: 1px solid; text-transform: uppercase; margin-left: auto; margin-right: auto; width: 100%; height: 40px; padding: 11px 20px; font-size: 14px !important; font-weight: normal; line-height: 18.2px; border-radius: 8px; color: #01030f; width: 100%; } .row-product-code-cta .pdp-show-product-code:hover, .row-product-code-cta .pdp-show-product-code:active, .row-product-code-cta .pdp-show-product-code:focus { background-color: #dcccd3 !important; color: #01030f; border-color: #dcccd3 !important; box-shadow: none !important; } /* Popup codice prodotto PDP */ #productCodeModal .modal-content { padding: 15px; border: none; border-radius: 5px; } #productCodeModal .modal-content .modal-header, #productCodeModal .modal-content .modal-body, #productCodeModal .modal-content .modal-footer { border: none; padding: 0; } #productCodeModal .modal-content .modal-header { padding-bottom: 0; } #productCodeModal .modal-content .modal-header .close { position: static; float: none; display: block; margin: 0; margin-left: auto; padding: 0; opacity: 1; } #productCodeModal .modal-content .modal-body { color: #3a3f46; text-align: center; padding-bottom: 15px; } #productCodeModal .modal-content .modal-body .modal-title { color: #111820; font-weight: 500; margin-bottom: 15px; font-size: 1rem; text-transform: uppercase; line-height: 1.2; } #productCodeModal .modal-content .modal-body .modal-paragraph { margin: 0; } #productCodeModal .modal-content .modal-body .modal-paragraph.product-to-remove { font-weight: bold; } #productCodeModal .modal-content .modal-footer { -ms-flex-pack: center; justify-content: center; border-top: 2px solid #dcccd3; padding-top: 15px; } #productCodeModal .modal-content .modal-footer.modal-footer-with-label { position: relative; padding-top: 1.5rem; } #productCodeModal .modal-content .modal-footer.modal-footer-with-label .modal-footer-label { position: absolute; top: -1rem; background-color: white; margin: auto; padding: 5px; } #productCodeModal .modal-content .modal-footer .modal-footer-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 0; } #productCodeModal .modal-content .modal-footer .modal-footer-col:first-of-type { padding-right: 5px; } #productCodeModal .modal-content .modal-footer .modal-footer-col:last-of-type { padding-left: 5px; } #productCodeModal .modal-content .modal-footer .btn { display: block; width: 100%; } #productCodeModal .modal-content .modal-footer .btn-primary { background-color: #01030f; border-color: #01030f; color: #fff !important; font-weight: normal; text-transform: uppercase; } #productCodeModal .modal-content .modal-footer .btn-primary:hover, #productCodeModal .modal-content .modal-footer .btn-primary:active, #productCodeModal .modal-content .modal-footer .btn-primary:focus { background-color: #dcccd3 !important; color: #111820 !important; border-color: #dcccd3 !important; box-shadow: none !important; } #productCodeModal .modal-content .modal-footer .btn-outline-primary { color: #01030f !important; font-weight: normal; background-color: transparent; border: 1px solid #01030f !important; text-transform: uppercase; } #productCodeModal .modal-content .modal-footer .btn-outline-primary:hover, #productCodeModal .modal-content .modal-footer .btn-outline-primary:active, #productCodeModal .modal-content .modal-footer .btn-outline-primary:focus { background-color: #dcccd3 !important; border-color: #dcccd3 !important; } #productCodeModal .product-code-value-display { display: none; } #productCodeModal .product-code-barcode-wrapper { overflow: hidden; max-width: 100%; } #productCodeModal .product-code-barcode-wrapper .product-code-barcode-svg { display: block; max-width: 100%; height: auto; margin: 0 auto; }