.cmp-ss{position:relative;width:100%;height:calc(100vh - 30px);border-radius:12px;background:#FFF;font-family:Onest,sans-serif;overflow:hidden;box-sizing:border-box;padding:32px 40px 40px;display:flex;flex-direction:column}.cmp-ss--empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:32px;text-align:center;color:#666}.cmp-ss__nav{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:32px}.cmp-ss__nav-inner{display:inline-flex;align-items:center;gap:10px;padding:8px 31px 8px 12px;border-radius:36px;background:#F4F4F4}.cmp-ss__tab{border:0;background:#fff0;cursor:pointer;padding:12px 28px;border-radius:36px;color:#171717;font-family:Onest,sans-serif;font-size:20px;font-weight:500;line-height:normal;letter-spacing:-3%;text-align:center;white-space:nowrap;transition:background .2s ease,color .2s ease}.cmp-ss__tab:hover,.cmp-ss__tab:focus-visible{background:rgb(0 139 182 / .08);color:#171717;outline:none}.cmp-ss__tab.is-active,.cmp-ss__tab.is-active:hover,.cmp-ss__tab.is-active:focus-visible{background:#008BB6;color:#FFF}.cmp-ss__panel{display:none}.cmp-ss__panel.is-active{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.cmp-ss__panel-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.cmp-ss__panel-middle{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.cmp-ss__panel-bottom{flex:0 0 auto;padding-top:16px}.cmp-ss__panel-middle--cover{width:100%}.cmp-ss__cover{position:absolute;inset:0;z-index:0;display:block}.cmp-ss__cover img{width:100%;height:100%;object-fit:cover;display:block}.cmp-ss__img-area{position:relative;width:100%;max-width:1163px;display:flex;align-items:center;gap:24px;margin:0 auto}.cmp-ss__img-stage{position:relative;flex:1 1 auto;width:100%;max-width:1027px;height:389px;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:8px;overflow:hidden;border-radius:12px;margin-left:auto;margin-right:auto}.cmp-ss__img{width:100%;height:100%;object-fit:cover;display:none;opacity:0;transition:opacity .35s ease;flex-shrink:0}.cmp-ss__img.is-active{display:block;opacity:1}.cmp-ss__img.cmp-ss__img--half{width:calc(50% - 4px);flex:0 0 calc(50% - 4px);border-radius:12px}.cmp-ss__img.cmp-ss__img--full{width:100%;flex:0 0 100%;border-radius:0}.cmp-ss__img-placeholder{color:#999;font-size:16px;padding:40px}.cmp-ss .cmp-ss__arrow,.cmp-ss .cmp-ss__arrow:link,.cmp-ss .cmp-ss__arrow:visited,.cmp-ss .cmp-ss__arrow:hover,.cmp-ss .cmp-ss__arrow:focus,.cmp-ss .cmp-ss__arrow:focus-visible,.cmp-ss .cmp-ss__arrow:active{border:0!important;border-radius:50%!important;color:#171717!important;outline:none;text-decoration:none}.cmp-ss .cmp-ss__arrow{flex:0 0 44px;width:44px;height:44px;background:rgb(0 0 0 / .06)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;padding:0!important;-webkit-appearance:none;appearance:none}.cmp-ss .cmp-ss__arrow:hover,.cmp-ss .cmp-ss__arrow:focus,.cmp-ss .cmp-ss__arrow:focus-visible{background:rgb(0 0 0 / .12)!important}.cmp-ss .cmp-ss__arrow:active{background:rgb(0 0 0 / .16)!important}.cmp-ss__colors{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;padding:10px 14px;border-radius:24px;background:#E6E6E6;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.cmp-ss__colors::-webkit-scrollbar{display:none}.cmp-ss__color-btn{display:flex;align-items:center;gap:12px;border:0;background:#fff0;cursor:pointer;padding:12px 16px;border-radius:36px;transition:background .2s ease;white-space:nowrap}.cmp-ss__color-btn:hover,.cmp-ss__color-btn:focus-visible{background:rgb(255 255 255 / .5);outline:none}.cmp-ss__color-btn.is-active{background:#F4F4F4}.cmp-ss__color-dot{width:20px;height:20px;border-radius:50%;flex:0 0 20px;display:block;object-fit:contain}.cmp-ss__color-dot--fallback{background:#ccc}.cmp-ss__color-label{font-family:Onest,sans-serif;font-size:20px;font-weight:500;line-height:normal;color:#171717;letter-spacing:-3%}.cmp-ss__items{list-style:none;margin-left:auto!important;margin-right:auto!important;margin-top:0;margin-bottom:0;padding:0;width:100%;max-width:934px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.cmp-ss__item{display:flex;align-items:flex-start;gap:5px}.cmp-ss__item-icon{flex:0 0 21px;width:21px;height:21px;margin-top:2px}.cmp-ss__item-text{font-family:Onest,sans-serif;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-1px;color:#171717}@media (max-width:1024px){.cmp-ss{padding:18px 16px 28px;border-radius:10px}.cmp-ss__nav{margin-bottom:24px}.cmp-ss__nav-inner{padding:6px 10px;gap:10px;overflow-x:auto;scrollbar-width:none;max-width:100%}.cmp-ss__nav-inner::-webkit-scrollbar{display:none}.cmp-ss__tab{font-size:16px;padding:9px 16px;letter-spacing:-.4px}.cmp-ss__img-area{flex-wrap:wrap;justify-content:flex-end;gap:8px}.cmp-ss__img-stage{order:0;flex:0 0 100%;width:100%;max-width:none;height:auto;aspect-ratio:16 / 10}.cmp-ss__img{object-fit:contain}.cmp-ss__arrow{order:1;flex:0 0 44px}.cmp-ss__color-btn{padding:8px 12px;gap:8px}.cmp-ss__color-label{font-size:16px}.cmp-ss__item-text{font-size:16px}}@media (max-width:677px){.cmp-ss{height:calc(100vh - 20px)}}@media (max-width:480px){.cmp-ss__tab{padding:8px 14px}.cmp-ss__arrow{width:36px;height:36px}.cmp-ss__arrow svg{width:18px;height:18px}.cmp-ss__color-dot{width:16px;height:16px;flex:0 0 16px}}