.sec-DeviceSelector{display:block;background-color:var(--Color_Background);overflow:hidden}.sec-DeviceSelector_Inner{--Section_Padding: 40px;padding-block-start:var(--Section_Padding);padding-block-end:var(--Section_Padding)}@media only screen and (min-width: 768px){.sec-DeviceSelector_Inner{--Section_Padding: 80px}}@media only screen and (min-width: 901px){.sec-DeviceSelector_Inner{--Section_Padding: 100px}}@media only screen and (min-width: 768px){.sec-DeviceSelector_Content{text-align:center}}.sec-DeviceSelector_Title{margin-block-end:10px}@media only screen and (min-width: 768px){.sec-DeviceSelector_Title{margin-block-end:15px}}.sec-DeviceSelector_Text{margin-block-end:20px}.sec-DeviceSelector_Paragraph{font-size:16px;font-weight:300;letter-spacing:.01em;line-height:120%}@media only screen and (min-width: 901px){.sec-DeviceSelector_Paragraph{font-size:17px}}.sec-DeviceSelector_Tabs{flex-wrap:wrap;display:flex;gap:10px}@media only screen and (min-width: 768px){.sec-DeviceSelector_Tabs{justify-content:center}}.sec-DeviceSelector_TabButton{--Button_Background: var(--Color_White);--Button_Color: var(--Color_Brand);--Button_HoverBackground: var(--Color_Brand);--Button_HoverColor: var(--Color_White);min-height:24px;padding:3px 11px 5px}.sec-DeviceSelector_TabButton[aria-pressed=true]{--Button_Background: var(--Color_Brand);--Button_Color: var(--Color_White)}.sec-DeviceSelector_Panels{margin-block-start:30px}.sec-DeviceSelector_Panel[aria-hidden=true]{display:none}.sec-DeviceSelector_Slides{overflow:visible}@media only screen and (min-width: 768px){.sec-DeviceSelector_Slides-notFull{justify-content:center}}.sec-DeviceSelector_Slides[data-initialised=false]{gap:5px}@media only screen and (min-width: 768px){.sec-DeviceSelector_Slides[data-initialised=false]{gap:0}}.sec-DeviceSelector_Slides[data-initialised=false] .sec-DeviceSelector_Slide{flex-shrink:0;width:calc((1 / 3.5) * 100%)}@media only screen and (min-width: 768px){.sec-DeviceSelector_Slides[data-initialised=false] .sec-DeviceSelector_Slide{width:20%}}@media only screen and (min-width: 901px){.sec-DeviceSelector_Slides[data-initialised=false] .sec-DeviceSelector_Slide{width:calc((1 / 7) * 100%)}}@media only screen and (min-width: 768px){.sec-DeviceSelector_Item{justify-content:center;display:flex}}.sec-DeviceSelector_Arrows{position:absolute;top:0%;right:0;left:0;z-index:1;align-items:center;justify-content:space-between;display:flex;height:100%;pointer-events:none}.sec-DeviceSelector_Slides[data-initialised=false] .sec-DeviceSelector_Arrows{display:none}.sec-DeviceSelector_Arrow{align-items:center;justify-content:center;display:flex;width:42px;height:42px;background-color:var(--Color_White);border-radius:50%;color:var(--Color_Body);pointer-events:auto;transition:opacity .3s ease,visibility .3s ease,background-color .3s ease}.sec-DeviceSelector_Arrow[disabled]{opacity:0;visibility:hidden}@media only screen and (min-width: 768px){.sec-DeviceSelector_Arrow:hover{background-color:var(--Color_Grey5)}}.sec-DeviceSelector_Arrow svg{width:8px;height:12px}.sec-DeviceSelectorItem{align-items:center;flex-direction:column;display:flex;width:100px;padding-block-end:1px;text-align:center;gap:5px}.sec-DeviceSelectorItem_ImageContainer{width:100px;height:100px;border:1px solid transparent;border-radius:50%;transition:border-color .3s ease}@media only screen and (min-width: 768px){.sec-DeviceSelectorItem:hover .sec-DeviceSelectorItem_ImageContainer{border-color:var(--Color_Brand)}}.sec-DeviceSelectorItem_Title{position:relative;display:inline-block}.sec-DeviceSelectorItem_Title:after{content:"";position:absolute;bottom:-1px;left:0;z-index:1;display:block;width:100%;height:1px;background-color:var(--Color_Body);transform:scaleX(0);transition:transform .3s ease}@media only screen and (min-width: 768px){.sec-DeviceSelectorItem:hover .sec-DeviceSelectorItem_Title:after{transform:scaleX(1)}}@media only screen and (min-width: 768px){.sec-DeviceSelector_Slides-notFull{pointer-events:none}.sec-DeviceSelector_Slides-notFull .sec-DeviceSelector_Arrows{display:none}.sec-DeviceSelector_Slides-notFull .sec-DeviceSelector_Slide{pointer-events:auto;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/733/assets/section-device-selector.css.map */