.clc-DeviceSelector{display:block;overflow:hidden}.clc-DeviceSelector_Body{--Section_Padding: 30px;padding-block-start:var(--Section_Padding);padding-block-end:var(--Section_Padding);border-block-end:1px solid var(--Color_Border)}@media only screen and (min-width: 768px){.clc-DeviceSelector_Body{--Section_Padding: 40px}}@media only screen and (min-width: 768px){.clc-DeviceSelector_Content{text-align:center}}.clc-DeviceSelector_Title{margin-block-end:10px}@media only screen and (min-width: 768px){.clc-DeviceSelector_Title{margin-block-end:15px}}.clc-DeviceSelector_Text{margin-block-end:20px}.clc-DeviceSelector_Tabs{flex-wrap:wrap;justify-content:center;display:flex;gap:10px}.clc-DeviceSelector_TabButton{--Button_Background: var(--Color_Background);--Button_Color: var(--Color_Brand);--Button_HoverBackground: var(--Color_Brand);--Button_HoverColor: var(--Color_White);min-height:24px;padding:3px 11px 5px}.clc-DeviceSelector_TabButton[aria-pressed=true]{--Button_Background: var(--Color_Brand);--Button_Color: var(--Color_White)}.clc-DeviceSelector_Panels{margin-block-start:30px}.clc-DeviceSelector_Panel[aria-hidden=true]{display:none}.clc-DeviceSelector_Slides{overflow:visible}@media only screen and (min-width: 768px){.clc-DeviceSelector_Slides-notFull{justify-content:center}}.clc-DeviceSelector_Slides[data-initialised=false]{gap:5px}@media only screen and (min-width: 768px){.clc-DeviceSelector_Slides[data-initialised=false]{gap:0}}.clc-DeviceSelector_Slides[data-initialised=false] .clc-DeviceSelector_Slide{flex-shrink:0;width:calc((1 / 3.5) * 100%)}@media only screen and (min-width: 768px){.clc-DeviceSelector_Slides[data-initialised=false] .clc-DeviceSelector_Slide{width:20%}}@media only screen and (min-width: 901px){.clc-DeviceSelector_Slides[data-initialised=false] .clc-DeviceSelector_Slide{width:calc((1 / 7) * 100%)}}@media only screen and (min-width: 768px){.clc-DeviceSelector_Item{justify-content:center;display:flex}}.clc-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}.clc-DeviceSelector_Slides[data-initialised=false] .clc-DeviceSelector_Arrows{display:none}.clc-DeviceSelector_Arrow{align-items:center;justify-content:center;display:flex;width:42px;height:42px;background-color:var(--Color_Background);border-radius:50%;color:var(--Color_Body);pointer-events:auto;transition:opacity .3s ease,visibility .3s ease,background-color .3s ease}.clc-DeviceSelector_Arrow[disabled]{opacity:0;visibility:hidden}@media only screen and (min-width: 768px){.clc-DeviceSelector_Arrow:hover{background-color:var(--Color_Grey5)}}.clc-DeviceSelector_Arrow svg{width:8px;height:12px}.clc-DeviceSelectorItem{align-items:center;flex-direction:column;display:flex;max-width:100px;width:100%;padding-block-end:1px;text-align:center;gap:5px}.clc-DeviceSelectorItem_ImageContainer{width:100%;height:auto;border:1px solid transparent;border-radius:50%;transition:background-color .3s ease}.clc-DeviceSelectorItem[aria-selected=true] .clc-DeviceSelectorItem_ImageContainer{border-color:var(--Color_Brand)}@media only screen and (min-width: 768px){.clc-DeviceSelectorItem:hover .clc-DeviceSelectorItem_ImageContainer{background-color:var(--Color_Background)}.clc-DeviceSelectorItem[aria-selected=true]:hover .clc-DeviceSelectorItem_ImageContainer{background-color:transparent}}.clc-DeviceSelectorItem_Title{position:relative;display:inline-block}.clc-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}.clc-DeviceSelectorItem[aria-selected=true] .clc-DeviceSelectorItem_Title:after{transform:scaleX(1)}@media only screen and (min-width: 768px){.clc-DeviceSelector_Slides-notFull{pointer-events:none}.clc-DeviceSelector_Slides-notFull .clc-DeviceSelector_Arrows{display:none}.clc-DeviceSelector_Slides-notFull .clc-DeviceSelector_Slide{pointer-events:auto;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/747/assets/collection-device-selector.css.map */
