@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
@import url(https://shopby-skin.cdn-nhncommerce.com/font/font.css);
*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *,.editor *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button,span,img,td,th,input,img,label{vertical-align:top}a,button{cursor:revert}ol,ul,menu{list-style:none}ol,ul{padding-left:0}dd{margin-left:0}body{margin:0}img{max-width:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}::-webkit-input-placeholder{color:unset}::-moz-placeholder{color:unset}::-ms-input-placeholder{color:unset}:-ms-input-placeholder{color:unset}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}#myapp-banner button{all:revert}:root{--whole-color: #fff;--point-color: #f92626;--black-color: #111;--dark-gray-color: #262626;--caution-color: #f92626;--empty-color: #f5f6f8;--light-gray-bg-color: #f6f6f6;--light-gray-border-color: #ececec;--semi-light-gray-border-color: #dadada;--light-border-color: #ececec;--gray-border-color: #e2e2e2;--default-color: #ddd;--light-blue-gray-border-color: #bbbec2;--light-blue-gray-color: #939aa2;--blue-gray-color: #3f434c;--gray-color: #999;--gray-font-color: #828282;--tooltip-bg-color: #f7f7f7;--default-font-color: #181818;--event-coupon-date-color: #a1a1a1}html,body{min-height:100%}html{font-size:87.5%}@media(min-width: 450px){html{font-size:100%}}body{font:14px/1 "Montserrat","Noto Sans KR",sans-serif;background-color:var(--background-color)}::-webkit-input-placeholder{opacity:.5}::-moz-placeholder{opacity:.5}:-ms-input-placeholder{opacity:.5}::-ms-input-placeholder{opacity:.5}::placeholder{opacity:.5}#app{min-height:100vh}button{cursor:pointer}a,nav,label,select,input,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}.a11y{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0)}.highlight{color:var(--point-color)}.caution{color:var(--caution-color)}.bold{font-weight:bold}.help-btn{width:18px;height:18px;background-position:-429px -150.5px;background-size:456px 251.5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.submit-buttons{display:flex;gap:20px}.disabled{opacity:.4}.bg{background-position:center center;background-repeat:no-repeat;background-size:contain}.bg--adult{width:100%;height:100%;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/adult..png?ba5d6748289d2204dc6d);background-color:#fff}.mb-30{margin-bottom:30px}.delete{position:absolute;top:0;right:0;width:28px;height:28px;background-color:var(--blue-gray-color);opacity:.6}.delete:before,.delete:after{position:absolute;top:2px;left:14px;width:2px;height:22px;content:" "}.delete:before{transform:rotate(45deg)}.delete:after{transform:rotate(-45deg)}.editor{width:100%}.editor iframe{width:100%}.editor a:-webkit-any-link{color:-webkit-link;cursor:pointer;text-decoration:underline}.editor *{vertical-align:initial;white-space:normal}

:root{--whole-color: #fff;--point-color: #f92626;--black-color: #111;--dark-gray-color: #262626;--caution-color: #f92626;--empty-color: #f5f6f8;--light-gray-bg-color: #f6f6f6;--light-gray-border-color: #ececec;--semi-light-gray-border-color: #dadada;--light-border-color: #ececec;--gray-border-color: #e2e2e2;--default-color: #ddd;--light-blue-gray-border-color: #bbbec2;--light-blue-gray-color: #939aa2;--blue-gray-color: #3f434c;--gray-color: #999;--gray-font-color: #828282;--tooltip-bg-color: #f7f7f7;--default-font-color: #181818;--event-coupon-date-color: #a1a1a1}.accordion{background-color:#fff}.accordion__title{position:relative;display:flex;justify-content:normal;align-items:center;border-bottom:1px solid var(--default-color);padding:20px}.accordion__title::after{position:absolute;top:50%;right:24px;width:8px;height:16px;content:"";background:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/angle-r..png?478845dd68ea56ab633a) no-repeat center center/contain;transform:translateY(-50%) rotate(90deg)}.accordion__title::-webkit-details-marker,.accordion__title::marker{display:none;content:""}:where(.accordion[open]) .accordion__title::after{transform:translateY(-50%) rotate(-90deg)}.accordion__items{padding:20px;background-color:#fff}.accordion--qna .accordion__title{display:flex;align-items:center}.accordion--qna .accordion__title::before{width:21px;height:21px;content:"";margin-right:5px}.accordion--qna .accordion__desc{display:flex}.accordion--qna .accordion__desc::before{width:21px;height:21px;content:"A";margin-right:5px;text-align:center;background-color:var(--point-color);color:#fff;border-radius:50%}.badge{display:inline-block;text-align:center;font-weight:700;border:1px solid}.badge--caution{background-color:var(--point-color);color:#fff;border-color:var(--point-color)}.badge--primary{background-color:#3f444c;color:#fff;border-color:#3f444c}.badge--line{background-color:#fff;color:var(--point-color);border-color:var(--point-color)}.badge--square{min-width:32px;height:32px;padding:7px 2px 5px;font-size:13px;border-radius:0}.badge--round{min-width:38px;height:19px;line-height:19px;padding:0 7px;font-size:10px;border-radius:8px 8px 8px 0}.badge--line-point{color:var(--point-color);border:1px solid var(--point-color)}.btn{width:100%;padding:0.3571428571em 0;font-size:1em;border-radius:0.2857142857em;color:#000;cursor:pointer;text-align:center;border:1px solid #000}.btn--default{background-color:var(--whole-color)}.btn--dark{border:0;color:#fff;background-color:var(--blue-gray-color)}.btn--caution{border:0;color:#fff;background-color:var(--point-color)}.check-radio{display:inline-flex;align-items:center;line-height:1}.check-radio input{position:absolute;width:1px;height:1px;z-index:-1}.check-radio__ico{position:relative;width:1.1428571429em;height:1.1428571429em;display:inline-block;overflow:hidden;margin-right:0.5714285714em;border:1px solid var(--default-color);flex:none}.check-radio input:checked~:where(.check-radio__ico){background-color:var(--point-color);border-color:var(--point-color)}.check-radio input:checked~:where(.check-radio__ico) .ico{position:absolute;top:50%;left:50%;width:15.7894736842px;height:15.7894736842px;background-position:-443.1578947368px -199.4736842105px;background-size:480px 264.7368421053px;transform:translate3d(-50%, -50%, 0)}.check-radio--rounded .check-radio__ico{border-radius:50%}.check-radio [type=radio]{width:18px;height:18px;position:static;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--default-color);z-index:auto;margin-right:0.5714285714em}.check-radio [type=radio]+.check-radio__ico{display:none}.check-radio [type=radio]:checked{border-color:var(--point-color)}.check-radio [type=radio]:checked::before{width:12px;height:12px;content:"";background-color:var(--point-color);border-radius:50%}.counter{display:inline-flex;max-width:150px;background-color:#fff;text-align:right}.counter__btn{width:30px;height:30px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--default-color);font-size:1em}.counter__input{flex:1;border:solid var(--default-color);border-width:1px 0}.counter input{width:100%;height:100%;padding:5px 10px}.counter input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.email-input{display:flex;align-items:center;gap:10px}.email-input__id{flex:2}.email-input__domain{flex:3}.address{position:relative;padding:14px 0}.address__zip-code{font-weight:700;margin-bottom:5px}.address__row{display:flex;align-items:center;gap:5px}.address__row+.address__row{margin-top:5px}.address__label{min-width:40px;padding:2px;border:1px solid var(--black-color);font-size:12px;color:dimgray;text-align:center}.address+.address{border-top:1px solid var(--default-color)}.address__btn{position:absolute;top:0;width:100%;height:100%}.icon-btn--round{border-radius:50%}.link-menu{position:relative;width:100%;display:block;padding:10px;background-color:#fff}.link-menu::after{position:absolute;top:50%;right:10px;width:12px;height:20px;background-position:-200px -277px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;content:"";transform:translateY(-50%)}.link-menu__label{max-width:calc(100% - 10px);overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.link-menu+.link-menu{border-top:1px solid var(--default-color)}.modal{background-color:#fff;color:var(--default-font-color)}.modal__box{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal__box--alert,.modal__box--confirm{min-width:350px;min-height:250px;max-width:500px}.modal__title{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0.7142857143rem;margin-bottom:0.7142857143rem;border-bottom:1px solid var(--default-color)}.modal__title img{cursor:pointer;width:18px;height:18px}.modal__text{font-size:1.1428571429rem;line-height:1.7142857143rem;font-weight:400;text-align:center}.modal__content{display:flex;justify-content:center;align-items:center;min-width:100%;min-height:210px;padding:1.0714285714rem}.modal__content img{margin:1.4285714286rem;width:100px;height:87px}.modal__content--confirm{flex-direction:column}.modal__content--custom{display:inline-block}.modal__btns{display:flex;justify-content:flex-end;align-items:center;width:100%;height:auto;border-top:1px solid}.modal__btns .btn{border-radius:0;border:0;padding:0.7142857143rem}.modal__btns .btn:nth-of-type(n + 2){border-left:1px solid}.offcanvas{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;max-width:500px;background-color:#fff;transform:translateX(calc(-100% - 50px))}.offcanvas.is-active{z-index:5;transform:translateX(0)}.offcanvas__dim{position:fixed;top:0;left:auto;width:100%;height:100%;background-color:#000;opacity:0}j .offcanvas__dim.is-active{opacity:.5}.pagination{text-align:center;font-size:inherit}.pagination__btn{width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;color:var(--defalut-color);vertical-align:top}.pagination__btn:hover,.pagination__btn.is-active{color:#fff;background-color:var(--point-color)}.pagination__prev:disabled,.pagination__prev:disabled:hover,.pagination__next:disabled,.pagination__next:disabled:hover{background-color:var(--default-color)}.pagination__prev::before,.pagination__next::before{width:12px;height:20px;background-position:-200px -277px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;content:""}.pagination__prev{transform:rotate(180deg)}.phone-number-input{display:flex;justify-content:center;align-items:center}.phone-number-input__bar{width:10px;border-top:1px solid var(--black-color);margin:0 4px}.phone-number-input .select-box{display:flex;justify-content:center;align-items:center;flex:2;height:inherit;border:1px solid var(--default-color)}.phone-number-input__first-serial{flex:3;height:inherit}.phone-number-input__second-serial{flex:3;height:inherit}.portal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:7}.portal .dim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8)}.portal .modal{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.prevent-scroll{overflow-y:hidden}.quantity{position:relative;padding:10px;background:#f6f6f6}.quantity__label{display:block;padding-right:0.8571428571rem;color:var(--blue-gray-color)}.quantity__content{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.quantity__content em{font-weight:600}.quantity__del{position:absolute;top:3px;right:10px;color:var(--gray-color);cursor:pointer;font-size:20px;visibility:visible}.quantity.undeletable .quantity__del{visibility:hidden}.recent-keyword{min-height:418px;padding:0 17px 28px;border:1px solid var(--default-color);border-radius:5px}.recent-keyword__top{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--default-color)}.recent-keyword__top p{font-size:16px;font-weight:500;color:#000}.recent-keyword__top button{font-size:12px;text-align:right;color:rgba(121,121,121,.5019607843);cursor:pointer;border:0}.recent-keyword__item{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.recent-keyword__item .ico{width:15.5px;height:15.5px;background-position:-241px -172.5px;background-size:456px 251.5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.recent-keyword__content-empty{padding:112px 0 0;text-align:center}.recent-keyword__content-empty::before{width:61.1111111111px;height:62.2222222222px;background-position:-195.5555555556px -24.4444444444px;background-size:506.6666666667px 279.4444444444px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;display:inline-block;margin-bottom:20px;transform:translateX(2px);content:""}.recent-keyword__content-empty p{color:var(--default-color)}.search-field{display:flex;align-items:center}.search-field__input{display:flex;justify-content:center;align-items:center;position:relative;flex:1}.search-field__clear-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);line-height:1}.search-field__clear-btn .ico{width:15.5px;height:15.5px;background-position:-241px -172.5px;background-size:456px 251.5px}.search-field__submit-btn{margin-left:10px}.search-field__submit-btn .ico{width:26px;height:24.6666666667px;background-position:-513.3333333333px -252.6666666667px;background-size:608px 335.3333333333px}.select-box{position:relative;width:100%;display:inline-block;border:1px solid #000;font-size:0.9285714286rem;color:#3f444c}.select-box::before,.select-box::after{position:absolute;top:50%;transform:translateY(-50%)}.select-box::after{right:10px;content:""}.select-box select{width:100%;padding:6px 40px 6px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-box::after{width:13px;height:8px;background-position:-462px -144px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.select-box--sort::before{width:18px;height:15px;background-position:-302px -213px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;left:20px;content:""}.select-box--sort::after{content:none}.select-box--sort select{padding:5px 10px 5px 52px}.shopping-basket{position:relative;width:28px;height:35px;background-position:-571px -443px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;display:inline-block}.shopping-basket__count{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;display:flex;justify-content:center;align-items:center;background-color:var(--point-color);border-radius:50%;vertical-align:top;text-align:center;color:#fff;font-size:12px}.skeleton{background-color:#fff}.skeleton__media{background-color:var(--default-color);aspect-ratio:1/1;border-radius:4px;-webkit-animation:skeleton-gradient 1.8s infinite ease-in-out;animation:skeleton-gradient 1.8s infinite ease-in-out}.skeleton__line{height:15px;background-color:var(--default-color);border-radius:4px;-webkit-animation:skeleton-gradient 1.8s infinite ease-in-out;animation:skeleton-gradient 1.8s infinite ease-in-out}.skeleton--gallery{flex:1}.skeleton--gallery+.skeleton--gallery{margin-left:10px}.skeleton--gallery .skeleton__media,.skeleton--gallery div:nth-child(2){margin-bottom:10px}.skeleton--gallery div:nth-child(3){width:30%}.skeleton--list{display:flex}.skeleton--list+.skeleton--list{margin-top:10px}.skeleton--list .skeleton__media{width:120px;height:120px}.skeleton--list .skeleton__media+div{padding:20px 10px 10px;flex:1}.skeleton--list .skeleton__line--tit{margin-bottom:10px;width:15%}@-webkit-keyframes skeleton-gradient{0%{background-color:rgba(165,165,165,.1)}50%{background-color:rgba(165,165,165,.3)}100%{background-color:rgba(165,165,165,.1)}}@keyframes skeleton-gradient{0%{background-color:rgba(165,165,165,.1)}50%{background-color:rgba(165,165,165,.3)}100%{background-color:rgba(165,165,165,.1)}}.padding{padding:30px}.sns-share{position:fixed;top:300px;display:inline-block}.sns-share__trigger{position:relative;z-index:5}.sns-share__item{display:block;position:absolute;top:0;opacity:0;transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.sns-share__item:nth-child(1){transition-delay:.15s}.sns-share__item:nth-child(2){transition-delay:.2s}.sns-share__item:nth-child(3){transition-delay:.25s}.sns-share__item:nth-child(4){transition-delay:.3s}.sns-share__item:nth-child(5){transition-delay:.35s}.sns-share .icon-btn{width:53px;height:53px}.sns-share.is-active .sns-share__item{opacity:1}.sns-share.is-active .sns-share__item:nth-child(1){transform:translateY(-60px)}.sns-share.is-active .sns-share__item:nth-child(2){transform:translateY(-120px)}.sns-share.is-active .sns-share__item:nth-child(3){transform:translateY(-180px)}.sns-share.is-active .sns-share__item:nth-child(4){transform:translateY(-240px)}.sns-share.is-active .sns-share__item:nth-child(5){transform:translateY(-300px)}.text-field{width:100%;height:inherit;display:inline-block;overflow:hidden;border:1px solid var(--default-color);vertical-align:top;min-height:2.1428571429rem}.text-field input{width:100%;height:inherit;padding:5px 10px}.text-field input[type=number]::-webkit-outer-spin-button,.text-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.text-option{margin-top:10px;display:flex;align-items:center}.text-option--vertical{flex-direction:column;align-items:flex-start}.text-option__label{display:block;max-width:70px;flex:none;text-align:center}.text-option__label em{display:block;color:var(--point-color)}.text-option--vertical .text-option__label{margin-bottom:8px;max-width:none}.text-option--vertical .text-option__label em{display:inline-block}.text-option__input{margin-left:4px;padding:3px 3px 3px 0;border:1px solid}.text-option--vertical .text-option__input{margin-left:0}.thumb-item{position:relative;display:block}.thumb-item__media{position:relative;overflow:hidden;display:block;background:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/no-img..png?3b611b24f77ad6f52a74) no-repeat center center/contain;aspect-ratio:1/1}.thumb-item__adult{position:absolute;top:0;left:0}.thumb-item__img{width:100%;height:100%;display:inline-flex;background-color:#fff}.thumb-item__img img{width:100%;vertical-align:top}.thumb-item__info{padding:10px;color:var(--default-font-color)}:where(.thumb-GALLERY,.thumb-CART){display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}:where(.thumb-GALLERY,.thumb-CART) .thumb-item{flex:none;width:calc(50% - 5px)}:where(:where(.thumb-GALLERY,.thumb-CART).PC){justify-content:start}:where(:where(.thumb-GALLERY,.thumb-CART).PC) .thumb-item{width:calc(25% - 5px)}:where(:where(.thumb-GALLERY,.thumb-CART).PC) .thumb-item:nth-child(n+1){margin-left:5px}:where(.thumb-SIMPLE_IMAGE:not(.PC)){display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px;padding:0 3px}:where(.thumb-SIMPLE_IMAGE:not(.PC)) .thumb-item{flex:none;width:calc(50% - 5px)}:where(.thumb-SIMPLE_IMAGE:not(.PC)) .thumb-item__info{padding:0px}:where(.thumb-SIMPLE_IMAGE.PC){display:flex;flex-wrap:wrap;padding:0 20px;justify-content:start}:where(.thumb-SIMPLE_IMAGE.PC) .thumb-item{width:calc(25% - 5px)}:where(.thumb-SIMPLE_IMAGE.PC) .thumb-item:nth-child(n+1){margin-left:5px}:where(.thumb-SIMPLE_IMAGE.PC) .thumb-item__info{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:rgba(0,0,0,.8);color:#fff;text-align:center;visibility:hidden}:where(.thumb-SIMPLE_IMAGE.PC) .thumb-item__info{overflow:hidden}:where(.thumb-SIMPLE_IMAGE.PC) .thumb-item:hover .thumb-item__info{visibility:visible}:where(.thumb-SIMPLE_IMAGE.PC) .thumb-item:hover .thumb-item__info a{width:100%;display:block}:where(.thumb-LIST) .thumb-item{display:flex;padding:20px 0}:where(.thumb-LIST) .thumb-item:nth-child(n+2){border-top:1px solid var(--default-color)}:where(.thumb-LIST) .thumb-item__media{width:120px;height:120px}:where(.thumb-LIST) .thumb-item__info{flex:1;overflow:hidden}:where(.thumb-DETAIL) .thumb-item__img iframe{height:60%;position:relative;top:50%;transform:translateY(-50%)}.swiper-pagination-bullet.round_square{border-radius:.142em}.swiper-pagination-bullet.square{border-radius:0}.swiper-pagination-bullet.size_two{width:12px;height:12px}.swiper-pagination-bullet.size_three{width:16px;height:16px}.swiper-pagination-bullet.size_four{width:20px;height:20px}.swiper-pagination-bullet.size_five{width:24px;height:24px}.swiper-pagination-bullet.size_six{width:28px;height:28px}.like-btn{width:50px;height:50px;background-position:-231px -22px;background-size:456px 251.5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;padding-top:25px;color:var(--gray-color);font-size:12px;text-align:center}.like-btn.is-active{background-position:-281px -22px;color:var(--point-color)}.tabs{display:flex;justify-content:space-between;align-items:center;text-align:center;line-height:44px;font-size:13px;font-weight:400;height:47px;background:var(--whole-color)}.tabs__item{flex:1 1 0;color:var(--gray-color);border-bottom:1px solid var(--default-color)}.tabs__item button{width:100%;cursor:pointer}.tabs__item.on{font-weight:600;color:var(--point-color);border-bottom:2px solid var(--point-color)}.coupon{background-color:#fff;border-radius:14px;position:relative;margin:0 auto;display:flex;justify-content:space-between;align-items:center;max-width:330px;padding:30px 20px}.coupon::before,.coupon::after{position:absolute;left:0;content:""}.coupon::before{width:329.4117647059px;height:9.4117647059px;background-position:-207.0588235294px -101.1764705882px;background-size:536.4705882353px 295.8823529412px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;top:0}.coupon::after{width:329.4117647059px;height:12.9411764706px;background-position:-207.0588235294px -12.9411764706px;background-size:536.4705882353px 295.8823529412px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;bottom:0}.coupon.off::before{width:329.4117647059px;height:9.4117647059px;background-position:-207.0588235294px -91.7647058824px;background-size:536.4705882353px 295.8823529412px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.coupon.off::after{width:329.4117647059px;height:12.9411764706px;background-position:-207.0588235294px 0px;background-size:536.4705882353px 295.8823529412px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.coupon.off p{color:var(--disabled-color)}.coupon__summary{width:80%;min-height:110px;display:flex;justify-content:center;flex-direction:column}.coupon__discount{font-size:34px;line-height:32px;font-weight:500;color:var(--point-color);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.coupon__title{font-size:16px;line-height:32px;font-weight:500;color:var(--black-color);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}.coupon__description{margin-top:4px;font-size:16px;font-weight:300;color:var(--description-color)}.coupon .ico--download-red{width:47.5px;height:47.5px;background-position:-193.75px -188.125px;background-size:570px 314.375px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.coupon .ico--download-gray{width:47.5px;height:47.5px;background-position:-146.25px -188.125px;background-size:570px 314.375px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.coupon.off{color:#bdbdbd}.rating-star{position:relative;width:200px;height:32px;overflow:hidden}.rating-star::before,.rating-star__progress{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/rating-sprite..png?0a13fd3e088752262177) no-repeat}.rating-star::before{content:"";background-position:-10px -144px}.rating-star__progress{background-position:-10px -92px}.rating-star--sm{width:131px;height:21px}.rating-star--sm::before{background-position:-10px -51px}.rating-star--sm .rating-star__progress{background-position:-10px -10px}.input-with-unit{display:flex;justify-content:center;align-items:center;padding-right:10px;border:1px solid var(--default-color)}.input-with-unit__input{text-align:right;border:none}.input-with-unit__input input{padding-right:5px}.input-with-unit__unit{padding-top:2px;white-space:nowrap;font-size:12px;color:var(--gray-color);font-weight:500;vertical-align:middle}.quantity-changer{display:flex;justify-content:space-between;align-items:center;font-size:14px;width:90px;height:26px;border:1px solid var(--default-color);background-color:#fff}.quantity-changer__decrease-btn{border-right:1px solid var(--default-color)}.quantity-changer__increase-btn{border-left:1px solid var(--default-color)}.quantity-changer__increase-btn,.quantity-changer__decrease-btn{display:flex;justify-content:center;align-items:center;width:25px;height:100%;font-size:24px}.quantity-changer__increase-btn:disabled,.quantity-changer__decrease-btn:disabled{background-color:var(--empty-color);color:var(--gray-color);cursor:default}.quantity-changer__input{display:flex;justify-content:center;align-items:center;width:40px;border:none;text-align:center}.quantity-changer__input input:disabled{background-color:var(--default-color)}.quantity-changer button{cursor:pointer}.ico{display:inline-block;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);background-repeat:no-repeat;vertical-align:top}.ico--a-star{background-position:-180px -123px;width:90px;height:90px}.ico--a{background-position:-809px -379px;width:33px;height:33px}.ico--angle-down{background-position:-894px -121px;width:17px;height:9px}.ico--angle-r{background-position:-200px -277px;width:12px;height:20px}.ico--applepay-white{background-position:0px -237px;width:100px;height:64px}.ico--applepay{background-position:-100px -237px;width:100px;height:64px}.ico--arrow-down-arrow-up{background-position:-302px -213px;width:18px;height:15px}.ico--arrow-left{background-position:-180px -213px;width:32px;height:24px}.ico--bars{background-position:-868px -237px;width:39px;height:30px}.ico--basket-white-gray-bg{background-position:-425px -443px;width:50px;height:50px}.ico--basket{background-position:-756px -44px;width:100px;height:87px}.ico--blog{background-position:-48px -443px;width:53px;height:53px}.ico--caret-down{background-position:-462px -144px;width:13px;height:8px}.ico--chai-white{background-position:-610px -301px;width:124px;height:36px}.ico--chai{background-position:-734px -301px;width:124px;height:36px}.ico--check-white{background-position:-842px -379px;width:30px;height:30px}.ico--checked-gray-bg{background-position:-872px -379px;width:30px;height:30px}.ico--circle-x-gray-bg{background-position:-482px -345px;width:31px;height:31px}.ico--circle-x-white-bg{background-position:-270px -123px;width:78px;height:78px}.ico--clock{background-position:-694px -379px;width:38px;height:38px}.ico--coupon-bottom-gray{background-position:-352px 0px;width:560px;height:22px}.ico--coupon-bottom-red{background-position:-352px -22px;width:560px;height:22px}.ico--coupon-top-gray{background-position:-352px -156px;width:560px;height:16px}.ico--coupon-top-red{background-position:-352px -172px;width:560px;height:16px}.ico--default-bank-img{background-position:-172px 0px;width:180px;height:114px}.ico--default-card-img{background-position:0px -123px;width:180px;height:114px}.ico--delivery{background-position:0px 0px;width:172px;height:123px}.ico--download-gray{background-position:-234px -301px;width:76px;height:76px}.ico--download-red{background-position:-310px -301px;width:76px;height:76px}.ico--download-white{background-position:-513px -345px;width:35px;height:26px}.ico--exclamation-white-bg{background-position:-662px -44px;width:94px;height:94px}.ico--exclamation{background-position:-548px -345px;width:25px;height:25px}.ico--face{background-position:-732px -379px;width:38px;height:38px}.ico--facebook-black-bg{background-position:-101px -443px;width:53px;height:53px}.ico--flag-jp{background-position:-193px -379px;width:64px;height:46px}.ico--flag-kr{background-position:-128px -379px;width:65px;height:48px}.ico--flag-us{background-position:-257px -379px;width:64px;height:46px}.ico--go-top{background-position:0px -301px;width:78px;height:78px}.ico--heart-black{background-position:-212px -213px;width:24px;height:22px}.ico--heart-gray{background-position:-236px -213px;width:24px;height:22px}.ico--ico_sort{background-position:-320px -213px;width:18px;height:15px}.ico--ico-clip-16{background-position:-386px -345px;width:32px;height:32px}.ico--insta-black-bg{background-position:-154px -443px;width:53px;height:53px}.ico--kakaopay-white{background-position:-780px -188px;width:128px;height:40px}.ico--kakaopay{background-position:-200px -237px;width:128px;height:40px}.ico--like-gray{background-position:-462px -44px;width:100px;height:100px}.ico--like-red{background-position:-562px -44px;width:100px;height:100px}.ico--lock{background-position:-260px -213px;width:22px;height:22px}.ico--lpay-white{background-position:-460px -237px;width:128px;height:36px}.ico--lpay{background-position:-328px -237px;width:132px;height:36px}.ico--m-circle{background-position:-418px -345px;width:32px;height:32px}.ico--magnet{background-position:-770px -379px;width:39px;height:37px}.ico--naverpay-white{background-position:-386px -301px;width:112px;height:44px}.ico--naverpay{background-position:-498px -301px;width:112px;height:44px}.ico--no-items{background-position:-352px -44px;width:110px;height:112px}.ico--p-circle{background-position:-450px -345px;width:32px;height:32px}.ico--package{background-position:0px -379px;width:64px;height:64px}.ico--pay-account-black{background-position:-545px -379px;width:54px;height:44px}.ico--pay-account-white{background-position:-599px -379px;width:54px;height:44px}.ico--pay-credit-card-black{background-position:-321px -379px;width:56px;height:44px}.ico--pay-credit-card-white{background-position:-377px -379px;width:56px;height:44px}.ico--pay-etc-black{background-position:-475px -443px;width:48px;height:48px}.ico--pay-etc-white{background-position:-523px -443px;width:48px;height:48px}.ico--pay-mobile-black{background-position:-856px -44px;width:48px;height:60px}.ico--pay-mobile-white{background-position:0px -443px;width:48px;height:60px}.ico--pay-realtime-account-black{background-position:-313px -443px;width:56px;height:50px}.ico--pay-realtime-account-white{background-position:-369px -443px;width:56px;height:50px}.ico--pay-virtual-account-black{background-position:-433px -379px;width:56px;height:44px}.ico--pay-virtual-account-white{background-position:-489px -379px;width:56px;height:44px}.ico--payco-white{background-position:-588px -237px;width:140px;height:32px}.ico--payco{background-position:-728px -237px;width:140px;height:32px}.ico--q{background-position:-653px -379px;width:41px;height:42px}.ico--question-round{background-position:-858px -301px;width:36px;height:36px}.ico--share-node{background-position:-78px -301px;width:78px;height:78px}.ico--shipping-car{background-position:-856px -104px;width:38px;height:26px}.ico--shopping-bag{background-position:-571px -443px;width:28px;height:35px}.ico--tosspay-white{background-position:-352px -188px;width:214px;height:40px}.ico--tosspay{background-position:-566px -188px;width:214px;height:40px}.ico--tweet-black-bg{background-position:-207px -443px;width:53px;height:53px}.ico--url-gray-bg{background-position:-156px -301px;width:78px;height:78px}.ico--weight{background-position:-64px -379px;width:64px;height:64px}.ico--x-black{background-position:-282px -213px;width:20px;height:21px}.ico--x-gray{background-position:-894px -104px;width:17px;height:17px}.ico--youtube-black-bg{background-position:-260px -443px;width:53px;height:53px}.pay-method-btn{display:flex;justify-content:space-between;align-items:center;width:220px;height:56px;padding:24px 20px;color:var(--blue-gray-color);border:1px solid var(--default-color);border-radius:4px}.pay-method-btn--checked{color:#fff;border-color:var(--blue-gray-color);background-color:var(--blue-gray-color)}.pay-method-btn--centered{display:flex;justify-content:center;align-items:center}.pay-method-btn__label{word-break:break-all;margin-right:10px}.pay-method-btn__icon{flex:none}.pay-method-btn .ico--pay-account-black{width:27px;height:22px;background-position:-272.5px -189.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-account-white{width:27px;height:22px;background-position:-299.5px -189.5px;background-size:456px 251.5px}.pay-method-btn .ico--chai{width:62px;height:18px;background-position:-367px -150.5px;background-size:456px 251.5px}.pay-method-btn .ico--chai-white{width:62px;height:18px;background-position:-305px -150.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-credit-card-black{width:28px;height:22px;background-position:-160.5px -189.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-credit-card-white{width:28px;height:22px;background-position:-188.5px -189.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-etc-black{width:24px;height:24px;background-position:-237.5px -221.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-etc-white{width:24px;height:24px;background-position:-261.5px -221.5px;background-size:456px 251.5px}.pay-method-btn .ico--kakaopay{width:64px;height:20px;background-position:-100px -118.5px;background-size:456px 251.5px}.pay-method-btn .ico--kakaopay-white{width:64px;height:20px;background-position:-390px -94px;background-size:456px 251.5px}.pay-method-btn .ico--pay-mobile-black{width:24px;height:30px;background-position:-428px -22px;background-size:456px 251.5px}.pay-method-btn .ico--pay-mobile-white{width:24px;height:30px;background-position:0px -221.5px;background-size:456px 251.5px}.pay-method-btn .ico--naverpay{width:56px;height:22px;background-position:-249px -150.5px;background-size:456px 251.5px}.pay-method-btn .ico--naverpay-white{width:56px;height:22px;background-position:-193px -150.5px;background-size:456px 251.5px}.pay-method-btn .ico--payco{width:70px;height:16px;background-position:-364px -118.5px;background-size:456px 251.5px}.pay-method-btn .ico--payco-white{width:70px;height:16px;background-position:-294px -118.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-realtime-account-black{width:28px;height:25px;background-position:-156.5px -221.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-realtime-account-white{width:28px;height:25px;background-position:-184.5px -221.5px;background-size:456px 251.5px}.pay-method-btn .ico--tosspay{width:107px;height:20px;background-position:-283px -94px;background-size:456px 251.5px}.pay-method-btn .ico--tosspay-white{width:107px;height:20px;background-position:-176px -94px;background-size:456px 251.5px}.pay-method-btn .ico--pay-virtual-account-black{width:28px;height:22px;background-position:-216.5px -189.5px;background-size:456px 251.5px}.pay-method-btn .ico--pay-virtual-account-white{width:28px;height:22px;background-position:-244.5px -189.5px;background-size:456px 251.5px}.pay-method-btn .ico--lpay{width:66px;height:18px;background-position:-164px -118.5px;background-size:456px 251.5px}.pay-method-btn .ico--lpay-white{width:64px;height:18px;background-position:-230px -118.5px;background-size:456px 251.5px}.pay-method-btn .ico--applepay{width:50px;height:32px;background-position:-50px -118.5px;background-size:456px 251.5px}.pay-method-btn .ico--applepay-white{width:50px;height:32px;background-position:0px -118.5px;background-size:456px 251.5px}.character-counter{display:block;width:100%;color:var(--dark-gray-color)}.character-counter__status{display:block;margin-top:6px}.character-counter__count{color:var(--point-color);font-weight:500}.character-counter__status--character{text-align:end}.text-area{width:100%;height:inherit;border:1px solid var(--default-color);vertical-align:top;min-height:7.1428571429rem;line-height:1.5714285714rem;padding:0.7142857143rem}.text-area textarea{width:100%;height:inherit;padding:10px}.angle-top-down{position:absolute;top:-8px;right:0;border:none;background:none;width:1.2857142857rem}.angle-top-down svg{transform:rotate(90deg)}.angle-top-down.is-active svg{transform:rotate(-90deg)}.my-pay{border-bottom:1px solid #ececec}.my-pay__config{display:flex;justify-content:flex-end;align-items:center;margin:20px}.my-pay__config button{width:75px;border:1px solid var(--default-color);color:var(--blue-gray-color)}.my-pay__info{color:var(--gray-color);margin-left:20px;margin-bottom:10px}.my-pay-content{overflow-x:auto}.my-pay-content--center{overflow-x:auto;display:flex;justify-content:center;align-items:center}.my-pay-content__content-wrap{display:flex;justify-content:center;padding:0 20px 20px 20px;gap:10px;height:157px}.my-pay-method-btn{display:flex;justify-content:center;align-items:center;width:100%;height:56px;background-origin:content-box;margin-bottom:10px;border:1px solid var(--default-color);border-radius:4px;font-size:20px}.my-pay-method-btn.logo{background-size:contain;background-repeat:no-repeat;background-position:center;background-origin:content-box;padding:16px 10px}.my-pay-method-btn.checked{color:#fff;border-color:var(--blue-gray-color);background-color:var(--blue-gray-color)}.payment-method-group{width:250px;height:100%;border:1px solid var(--default-color);border-radius:6px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px}.payment-method-group__title{font-size:15px}.payment-method-group__desc{color:var(--gray-color);font-size:13px}.payment-method-group__buttons{display:flex;justify-content:center;flex-direction:row;gap:5px;font-size:13px}.payment-add-btn{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid var(--default-color);border-radius:6px;width:105px;height:60px;cursor:pointer}.payment-add-btn p{line-height:1}.my-pay-payment__item{margin-right:10px;max-width:250px}.my-pay-payment-item{border:1px solid var(--default-color);border-radius:6px;padding:20px;width:250px;height:100%;background-color:#efefef;cursor:pointer}.my-pay-payment-item--selected{border:1px solid var(--point-color)}.my-pay-payment-item dl{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.my-pay-payment-item dt{font-size:16px;font-weight:500}.my-pay-payment-item-info__division{border-top:1px solid var(--default-color);margin-top:20px}.my-pay-payment-item-info__installments{float:right;width:100px;margin:-3px;margin-right:-7px}.my-pay-payment-item-info__select-box{border:none !important}.payment-content{height:calc(100% - 107px);flex:1;overflow-y:auto}.payment-content__termination-wrap{display:flex;justify-content:flex-end;border:none;padding:10px;color:var(--blue-gray-color)}.payment-content__termination-button{width:90px;border:none;color:var(--blue-gray-color)}.payment-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--light-blue-gray-border-color);padding:20px 5px;margin:5px 15px;gap:10px}.payment-item__delete-btn{width:50px;border:1px solid var(--light-blue-gray-border-color);background-color:var(--light-gray-bg-color);color:var(--blue-gray-color)}.payment-method-buttons{position:absolute;top:0;width:100%;height:100%}.payment-method-buttons button{width:100%;height:40px;border:1px solid var(--default-color);background-color:var(--light-gray-bg-color);border-radius:6px;text-align:center}.payment-method-buttons__dimmed{position:absolute;width:100%;height:calc(100% - 200px);background-color:rgba(0,0,0,.3)}.payment-method-buttons__content{position:absolute;display:flex;justify-content:space-evenly;align-items:center;width:100%;height:200px;flex-direction:column;gap:10px;padding:20px;bottom:0;background-color:#fff}.payment-method-buttons__content h3{font-size:18px;font-weight:500}.config-modal.modal{display:flex;flex-direction:column;height:100%;max-height:710px}.config-modal__header{position:relative;padding:10px 20px;border-bottom:1px solid var(--black-color)}.config-modal__title{display:flex;justify-content:center;align-items:center;height:40px;font-size:18px}.config-modal__close-btn{position:absolute;top:20px;right:20px}.config-modal__close-btn:hover{cursor:pointer}@media(max-width: 500px){.config-modal.modal{width:100%}}@media(min-width: 501px){.config-modal.modal{width:450px}}.config-modal__btn-group{display:flex;justify-content:center;align-items:center;border:1px solid var(--gray-color);border-top:none}.config-modal__btn-group button{border-radius:0;border:none;padding:0.8571428571rem 4px;background:var(--empty-color);font-size:0.8571428571rem;flex:1}.config-modal__btn-group button+button{border-left:1px solid var(--gray-color)}.config-modal__register-btn{background:var(--blue-gray-color) !important;color:#fff}.payment-item-info{display:flex;align-items:center;width:350px;gap:10px}.payment-item-info__default-card-img{width:90px;height:57px;background-position:0px -61.5px;background-size:456px 251.5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;border-radius:5px}.payment-item-info__default-bank-img{width:90px;height:57px;background-position:-86px 0px;background-size:456px 251.5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top;border-radius:0 0 5px 5px}.payment-item-info__payment-method-image{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;border-radius:5px}.payment-item-info__payment-method-image-bank_kdb{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_kdb..png?21ede62c3f0749d481b8);background-color:#00367f}.payment-item-info__payment-method-image-bank_ibk{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_ibk..png?aa78c734b06500bf170f);background-color:#03458e}.payment-item-info__payment-method-image-bank_kb{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_kb..png?6c99c1a404d5be1175ab);background-color:#766c62}.payment-item-info__payment-method-image-bank_sh{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_sh..png?32a03c7989d22adedd83);background-color:#0068b7}.payment-item-info__payment-method-image-bank_nh{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_nh..png?005552f101ed505e3728);background-color:#006ebb}.payment-item-info__payment-method-image-bank_woori{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_woori..png?d35044c9667e9233b43d);background-color:#0064a9}.payment-item-info__payment-method-image-bank_sc{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_sc..png?6fd2ffee6cba18b7d885);background-color:#0473ea}.payment-item-info__payment-method-image-bank_citi{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_citi..png?f69a3d56468c79782f77);background-color:#232a7b}.payment-item-info__payment-method-image-bank_dgb{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_dgb..png?d3e59425b169fde1e739);background-color:#003c83}.payment-item-info__payment-method-image-bank_bnk{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_bnk..png?b353c1436de6e9479591);background-color:#cf131c}.payment-item-info__payment-method-image-bank_kj{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_kj..png?2d1963714d8e8e15e85c);background-color:#00286c}.payment-item-info__payment-method-image-bank_jeju{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_jeju..png?16d2ebbce7d75bc697c5);background-color:#014b88}.payment-item-info__payment-method-image-bank_jb{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_jb..png?ea28ea91f16af042fa59);background-color:#00286c}.payment-item-info__payment-method-image-bank_hana{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_hana..png?059f3d9b38e7b8fa5754);background-color:#00939f}.payment-item-info__payment-method-image-bank_shinhan{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_shinhan..png?0f77cafb8fbed3f1b8fd);background-color:#014b88}.payment-item-info__payment-method-image-bank_kbank{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_kbank..png?898926d4a9fd55e6d1ef);background-color:#0f005f}.payment-item-info__payment-method-image-sec_post{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_post..png?8744c5cc6063e58e8ce3);background-color:#231f20}.payment-item-info__payment-method-image-bank_toss{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_toss..png?644267d8ac16d6efa665);background-color:#0064ff}.payment-item-info__payment-method-image-bank_kakao{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/bank_kakao..png?2977f7da927669465780);background-color:#ffe600}.payment-item-info__payment-method-image-sec_cu{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_cu..png?74cefbd02cb3b794b7ea);background-color:#1061af}.payment-item-info__payment-method-image-sec_sb{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_sb..png?09bf0b770564a0d1d6ae);background-color:#007260}.payment-item-info__payment-method-image-sec_sj{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_sj..png?96f0bb279c61145f15d5);background-color:#022662}.payment-item-info__payment-method-image-sec_mg{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_mg..png?57e0c6bff6497675a940);background-color:#1f366a}.payment-item-info__payment-method-image-sec_kb{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_kb..png?5cc72fc6d21a2523573e);background-color:#766c62}.payment-item-info__payment-method-image-sec_ma{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_ma..png?6bd0b0a3d42b4913c7a3);background-color:#073d77}.payment-item-info__payment-method-image-sec_samsung{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_samsung..png?7d26829e453fc7c289c2);background-color:#254aa5}.payment-item-info__payment-method-image-sec_ki{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_ki..png?6bf1a34770a3d5e7d0c5);background-color:#632d00}.payment-item-info__payment-method-image-sec_hd{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_hd..png?210c87f5aca4d0c87a5c);background-color:#00448d}.payment-item-info__payment-method-image-sec_sk{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_sk..png?b60632815ad4d0815da8);background-color:#e30613}.payment-item-info__payment-method-image-sec_ds{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_ds..png?0d94f5adf31bc0d35c3a);background-color:#605e5f}.payment-item-info__payment-method-image-sec_hana{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_hana..png?d6c489dc4b3c47bb765e);background-color:#00939f}.payment-item-info__payment-method-image-sec_shinhan{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_shinhan..png?87d1af74367cc1cb399c);background-color:#0068b7}.payment-item-info__payment-method-image-sec_eg{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_eg..png?955b36ed498a6fa6f8c2);background-color:#5c6162}.payment-item-info__payment-method-image-sec_meritz{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_meritz..png?09fad3abeef2ddf8cd37);background-color:#231f20}.payment-item-info__payment-method-image-sec_kyobo{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_kyobo..png?2096a0fbd349b85d3f02);background-color:#0f2c52}.payment-item-info__payment-method-image-sec_kw{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_kw..png?f41ee60697b32a6a4df4);background-color:#003d79}.payment-item-info__payment-method-image-sec_ebest{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_ebest..png?22e7e9ec099801725768);background-color:#006899}.payment-item-info__payment-method-image-sec_hanwha{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_hanwha..png?eba4738ebcd2ec705204);background-color:#f1592a}.payment-item-info__payment-method-image-sec_nhqv{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_nhqv..png?2c67922ffa4890de4ccb);background-color:#006ebb}.payment-item-info__payment-method-image-sec_sh{width:100px;height:63px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;background-origin:content-box;padding:10px 10px;border-radius:5px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sec_sh..png?44effc14e93fe3d19527);background-color:#0068b7}.payment-item-info__content{display:flex;flex-direction:column;gap:5px}.payment-item-info__content h2{font-weight:600}.my-pay-callback-popup{line-height:1.5em}.my-pay-callback-popup__message{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;font-size:1.2em;padding:40px 20px}.image-file-uploader{margin-block:12px}.image-file-uploader__add-btn{background-color:var(--whole-color);cursor:pointer;width:80px;height:80px;position:relative;border:1px solid var(--blue-gray-color)}.image-file-uploader__add-btn::before,.image-file-uploader__add-btn::after{width:16px;height:0;display:flex;justify-content:center;align-items:center;content:"";border-radius:2px;border-top:2px solid var(--blue-gray-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.image-file-uploader__add-btn::before{transform:translate(-50%, -50%) rotateZ(-90deg)}.image-file-uploader__notices{margin-top:12px}.image-file-uploader__notice{position:relative;margin-top:8px;font-size:14px;font-weight:400;color:var(--gray-font-color);padding-left:18px;opacity:.8}.image-file-uploader__notice::before{position:absolute;top:0;left:0;font-size:14px;position:absolute;content:"※";color:var(--gray-font-color)}.image-file-uploader .skeleton{width:80px;height:80px}.image-file-uploader__image{width:80px;height:80px;display:flex;justify-content:center;align-items:center;position:relative;border:2px solid var(--gray-border-color)}.image-file-uploader .delete::before,.image-file-uploader .delete::after{background-color:var(--default-color)}.order-specification-wrapper{padding-bottom:50px}.order-specification-wrapper .btn+.btn{margin-left:5px}.order-specification-wrapper.print{overflow-y:hidden;padding-bottom:0px}.order-specification-content{margin-top:40px;padding:0 40px}.order-specification-title{font-size:32px;font-weight:500;color:#687ae8;letter-spacing:3px;text-align:center}.order-specification-notice{font-size:12px;color:#687ae8}.order-specification-info{width:100%;border-top:1px solid #687ae8;border-right:1px solid #687ae8}.order-specification-info th{padding:15px 6px;border-left:1px solid #687ae8;border-bottom:1px solid #687ae8;color:#687ae8;font-size:12px;text-align:center}.order-specification-info th.thead-point{padding:15px 10px;background:#d3e2f8;vertical-align:middle}.order-specification-info td{padding:5px 10px;border-left:1px solid #687ae8;border-bottom:1px solid #687ae8;font-size:12px;text-align:center;background:#fff;vertical-align:middle}.order-specification-info .align-left{text-align:left}.order-specification-info .align-right{text-align:right}.order-specification-content-top{margin-top:20px}.order-specification-content-bottom{margin-top:20px}.order-specification-content-bottom .number{padding-bottom:10px;font-size:12px;text-align:right}.order-specification-content-bottom .order-specification-info th{background:#d3e2f8}.order-specification-content-bottom .order-specification-info td{height:45px;line-height:20px;border-bottom:none}.order-specification-content-bottom .order-specification-info tr:nth-child(2n+1) td{background:#f5f5f5}.order-specification-content-bottom .order-specification-info tr.total{border:solid #687ae8;border-width:1px 0;color:#687ae8}.order-specification-content-bottom .order-specification-info tr.total td{font-weight:500;background:#fff}.order-specification-content-bottom .order-specification-info .free-gift{color:#364f9e;border:1px solid #364f9e;border-radius:10px;font-size:10px;font-weight:400;flex:0 0 50px}.order-specification-content-bottom .order-specification-info__claim-status-type-label{color:var(--caution-color);flex-shrink:0}.order-specification-content-bottom .order-specification-info__product-name{flex:0 1 auto;width:fit-content}.order-specification-content-bottom .order-specification-info__product-name-wrapper{display:flex;align-items:center;justify-content:center;gap:5px}.order-specification-bottom-notice{margin-top:8px;margin-bottom:20px}.order-specification-bottom-notice-text{font-size:12px}.order-specification-controller-bottom{margin-top:30px;text-align:center}.order-specification-controller-bottom button{width:110px;height:48px}.order-specification-controller-bottom__print-btn{background-color:var(--point-color);color:#fff}@media print{@page{margin:0}.order-specification-content{page-break-after:always}}.simple-receipt{padding:0px 30px 10px 30px}.simple-receipt.print{overflow-y:hidden}.simple-receipt-title{margin:25px 0;width:100%;border-bottom:2px solid #888;padding-bottom:10px;display:flex;justify-content:space-between;align-items:center}.simple-receipt-title span{font-size:24px;font-weight:500}.simple-receipt__print-btn{width:97px;height:48px}.simple-receipt-content{width:350px;display:block;margin:auto;background-color:#fff}.simple-receipt .simple-receipt-info{width:100%;border:2px solid #364f9e}.simple-receipt .simple-receipt-info-title{height:40px;text-align:center;font-size:16px;vertical-align:middle}.simple-receipt .simple-receipt-info-title span{font-size:10px;padding-left:10px;vertical-align:middle}.simple-receipt .simple-receipt-info td:not(.simple-receipt-info-title){padding:5px 10px;border:2px solid #364f9e;vertical-align:middle;font-size:12px}.simple-receipt .simple-receipt-info__provider-title{text-align:center;vertical-align:middle}.simple-receipt .simple-receipt-info__business-no{padding-left:10px}.simple-receipt .simple-receipt-content-total table{width:100%;border-left:2px solid #364f9e;border-right:2px solid #364f9e}.simple-receipt .simple-receipt-content-total table tr{height:22px}.simple-receipt .simple-receipt-content-total table td{border-left:2px solid #364f9e;border-bottom:2px solid #364f9e;vertical-align:middle;font-size:12px}.simple-receipt .simple-receipt-content-bottom__order-options-table tr:first-child{background-color:#e8ecfc}.simple-receipt .simple-receipt-content-bottom table{width:100%;border-left:2px solid #364f9e;border-right:2px solid #364f9e}.simple-receipt .simple-receipt-content-bottom table tr{height:30px}.simple-receipt .simple-receipt-content-bottom table td{border-left:2px solid #364f9e;border-bottom:2px solid #364f9e;vertical-align:middle;font-size:12px;padding:5px 0;line-height:20px}.simple-receipt .simple-receipt-content-bottom table .terms{font-size:10px}.simple-receipt .simple-receipt-content-bottom .free-gift{color:#364f9e;border:1px solid #364f9e;border-radius:10px;font-size:10px;font-weight:400;flex:0 0 50px}.simple-receipt .simple-receipt-content-bottom__claim-status-type-label{color:var(--caution-color);flex-shrink:0}.simple-receipt .simple-receipt-content-bottom__product-name{flex:0 1 auto;width:fit-content}.simple-receipt .simple-receipt-content-bottom__product-name-wrapper{display:flex;align-items:center;justify-content:center;gap:5px}.simple-receipt .align-left{text-align:left}.simple-receipt .align-center{text-align:center}.simple-receipt .align-right{text-align:right}@media print{@page{margin:0}.order-specification-content{page-break-after:always}}.app-card{display:flex;flex-direction:column;gap:10px}.app-card__title{font-size:14px;font-weight:500}.app-card-method-btn{grid-column:1/3;display:flex;justify-content:center;align-items:center;height:50px;background-origin:content-box;background-color:#fff;border:1px solid #dedede}.app-card-payment-item{width:220px;height:126px;padding:18px 15px;border-radius:5px;border:1px solid #dedede;background-color:#fff;cursor:pointer}.app-card-payment-item__delete-btn{border:none;background-color:rgba(0,0,0,0);text-decoration:underline;font-size:12px;line-height:12px;cursor:pointer}.app-card-payment-item__delete-btn:is(.selected){color:#fff}.app-card-payment-item__additional-info{position:relative}.app-card-payment-item__quota-select-wrap{position:absolute;right:0}.app-card-payment-item__quota-select-wrap .select-box{border:none !important}.app-card-payment-item__check-card-full-amount{font-size:12px;font-weight:400}.app-card-payment-item--selected{background-color:#3f434c;color:#fff}.app-card-payment-item--selected select{color:#fff}.app-card-payment-item--selected select option{color:var(--black-color)}.app-card-payment-item__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.app-card-payment-item__card-name{font-size:12px;font-weight:500}.app-card-payment-item__card-no{font-size:12px;font-weight:500}.app-card-payment-item__inst-select select{height:100%}.app-card-payment-register{width:220px;height:126px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:15px;border:1px solid #dedede;border-radius:5px;background-color:#f5f5f5;cursor:pointer}.app-card-payment-register__title{font-weight:500;font-size:14px;color:#000;margin-bottom:9px}.app-card-payment-register__inst-info{position:relative;width:100%;height:100%}.app-card-payment-register__inst-select-wrap{position:absolute;right:0}.app-card-payment-register__inst-select-wrap .select-box{border:none !important}.app-card-payment-register__inst-select-wrap .select-box select{height:100%}.app-card-payments{overflow-x:auto}.app-card-payments-wrap{display:flex;justify-content:center;padding:0 20px 20px 20px;gap:10px}.app-card-payments-section{padding:0 20px 20px}.app-card-payments__item{max-width:220px;margin-right:10px}.netfunnel-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;height:100dvh}.netfunnel{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:16px}.netfunnel__header{font-weight:700;font-size:20px;line-height:30px;letter-spacing:0}.netfunnel__waiting-info{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;background-color:#f6f7f9;padding:24px 0;border-radius:16px;gap:8px;font-weight:400;font-size:18px;line-height:28px;letter-spacing:0}.netfunnel__waiting-count{font-weight:700;color:#1570ef}.netfunnel__message{font-weight:400;font-size:14px;line-height:22px;letter-spacing:0;color:#667085;text-align:center}

:root{--whole-color: #fff;--point-color: #f92626;--black-color: #111;--dark-gray-color: #262626;--caution-color: #f92626;--empty-color: #f5f6f8;--light-gray-bg-color: #f6f6f6;--light-gray-border-color: #ececec;--semi-light-gray-border-color: #dadada;--light-border-color: #ececec;--gray-border-color: #e2e2e2;--default-color: #ddd;--light-blue-gray-border-color: #bbbec2;--light-blue-gray-color: #939aa2;--blue-gray-color: #3f434c;--gray-color: #999;--gray-font-color: #828282;--tooltip-bg-color: #f7f7f7;--default-font-color: #181818;--event-coupon-date-color: #a1a1a1}.l-panel{margin-bottom:10px;border:solid var(--light-gray-border-color);border-width:1px 0;box-shadow:0 10px 1px #f5f5f5}.l-content{min-height:calc(100vh - 156px - 331px)}.fab-top-down{position:fixed;right:16px;bottom:7.1428571429rem;z-index:5}.fab-btn{width:50px;height:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.4);font-size:10px}.fab-btn__top{transform:rotate(180deg)}.fab-btn__label{margin-top:5px;margin-bottom:5px}.page__content{margin:0 auto;max-width:500px;min-width:375px;min-height:100vh}.page__content.site{background-color:var(--whole-color)}.page .bottom-nav{left:50%;transform:translateX(-50%);width:100%;max-width:500px}.page .banner--left{display:none}.page .offcanvas.is-active{left:auto}.page .offcanvas__dim{max-width:500px}@media(min-width: 1001px){.page{display:flex;justify-content:center;height:100%}.page__side{width:calc(100% - 1000px);display:sticky;top:0}.page__side:first-of-type{left:0}.page__side:last-of-type{right:0}.page-inner{display:flex;align-items:center;flex:none;width:100%;max-width:1000px}.page__content{width:500px}.page .banner--left{position:fixed;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 20px}.page .banner--left__tit{font-size:36px;font-weight:bold}.page .banner--left img{width:100%}.page .site{margin-left:auto;margin-right:0;box-shadow:0 0 50px rgba(0,0,0,.15)}.page .bottom-nav{width:500px;left:initial;right:initial;transform:none}.page .fab-top-down{right:calc(50% - 500px + 16px)}}.video-cover{position:absolute;width:100%;height:100%;z-index:2}.flex{display:flex;justify-content:center;align-items:center}.flex.gap-10{gap:10px}.header{display:flex;justify-content:center;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:5;min-height:90px;background-color:#fff}.header__left-btn{position:absolute;top:calc(50% + 5px);left:10px;transform:translateY(-50%)}.header__title{display:block;margin:0 auto;max-width:300px;text-align:center;font-size:1.2857142857rem}.header__title.PRODUCT{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__title.PRODUCT .header__title-wrapper{display:inline;overflow:hidden;white-space:nowrap}.header__title.PRODUCT .header__title-wrapper *{white-space:nowrap}.header__cart-btn,.header__cancel-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.header--sub{border-bottom:1px solid var(--dark-gray-color)}.header--sub .header__left-btn,.header--sub .header__cart-btn{top:50%}.header--sub .header__search-field{flex:1;justify-content:space-between;margin-top:2px;padding:0 67px}.header--sub .text-field{border:0}.header--sub input{padding:0;font-size:24px}.header--sub .search-field__clear-btn{right:0}.header--sub .search-field__clear-btn .ico{width:25.8333333333px;height:25.8333333333px;background-position:-401.6666666667px -287.5px;background-size:760px 419.1666666667px}.nav{display:flex;overflow-x:auto;color:var(--dark-gray-color);font-size:1rem}.nav__link{flex:none;display:block;padding:15px 10px;line-height:1.5}.nav__link.is-active{position:relative;color:var(--point-color);font-weight:bold}.nav__link.is-active::after{position:absolute;top:4px;right:4px;width:4px;height:4px;content:"";border-radius:50%;background-color:var(--point-color)}.nav .swiper-slide{width:auto !important}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:flex;padding:0.7142857143rem 0 0.3571428571rem;background-color:#fff;z-index:5;color:#737373;box-shadow:0 -1px 4px 0 rgba(0,0,0,.05),inset 0 1px 0 0 #fff}.bottom-nav__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:0.7142857143rem}.bottom-nav__link:not(:first-child)::before{width:2.1428571429rem;height:2.1428571429rem;display:block;content:"";background-repeat:no-repeat;background-position:center center;background-size:contain}.bottom-nav__link--search::before{background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/icon_search..png?b5aef90c6158e5a7039f)}.bottom-nav__link--north::before{background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/icon_north..png?e82bdca30fd2e77e15e5)}.bottom-nav__home{margin-top:-10px}.bottom-nav__label{margin-top:10px}.footer{padding:30px 20px 100px;border-top:1px solid var(--default-color)}.footer__nav{display:flex;margin:20px 0;cursor:pointer}.footer__nav div{margin-right:20px}.footer__link{padding:5px 0;text-align:center;font-size:12px}.footer__link+.footer__link{border-left:1px solid var(--default-color)}.footer__link--bold{font-weight:bold}.footer__info{margin-bottom:20px;font-weight:400;font-size:16px;color:var(--default-font-color)}.footer__about{font-size:12px;font-weight:300;color:#6e6e6e;line-height:1.5}.footer__company{font-size:16px;font-weight:500;color:var(--default-font-color);line-height:1;margin-bottom:16px}.footer__business-registration span,.footer__business-registration a{color:#545454;font-weight:500}.footer__extra-logo{margin-top:20px}.copyright{font-weight:600;font-size:10px}.product-board-list__empty{text-align:center;color:var(--default-font-color);border-top:1px solid var(--light-gray-border-color);font-size:16px;line-height:32px;padding:58px 0 160px}.product-board-list ul{border-top:1px solid var(--light-gray-border-color)}.product-board-list .ico--exclamation-white-bg{width:58.75px;height:58.75px;background-position:-413.75px -27.5px;background-size:570px 314.375px}.product-board-list__empty-notes{display:block;color:#7d7d7d;padding:5px 0 18px 0;font-weight:300}.product-board-list__accumulation{margin:0;font-size:14px;font-weight:400;color:var(--gray-color)}.product-board-list__accumulation em{font-weight:400}.product-board-list__accumulation-notes{font-size:16px;font-weight:400}.product-board-list__accumulation-notes em{font-weight:600}.product-board-list__search{display:flex;justify-content:space-between;align-items:center;font-size:1.1428571429rem;margin-bottom:20px}.product-board-list__total-count{font-size:1rem;vertical-align:baseline;color:var(--gray-color);margin-left:5px}.product-board-list__total-count em{font-weight:bold;color:var(--point-color);margin-right:3px}.product-board-list__sort-type{border:none;width:auto;font-size:0.8571428571rem;color:var(--gray-color)}.product-board-list__sort-type::after{width:11.3333333333px;height:6px;background-position:-596px -80.6666666667px;background-size:608px 335.3333333333px;background-image:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/sprite..png?b7c7d513acb50c2b917c);vertical-align:top}.product-board-list__sort-type select{text-align:end;padding-right:2rem}.product-board-list__items{margin-top:20px}.product-board-list__items .product-thumb-item{background:var(--empty-color);padding:20px;border-radius:4px}.product-board-list .review-accumulation{margin:0;font-size:14px;color:var(--gray-font-color);font-weight:400}.product-board-list .inquiry-item__text{display:none}.product-board-list .inquiry-item.is-active__text{display:block}.product-inquiry-item{margin:1.7142857143rem 0;border-bottom:1px solid var(--light-gray-border-color)}.product-inquiry-item__member{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--gray-font-color);font-weight:400;font-size:0.8571428571rem}.product-inquiry-item__top{position:relative}.product-inquiry-item__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;padding:0.7142857143rem 0}.product-inquiry-item__content{line-height:22px}.product-inquiry-item__status{position:relative;top:2px;margin-right:10px;padding:1px 4px;border:1px solid var(--light-blue-gray-border-color);background-color:var(--light-blue-gray-border-color);border-radius:2px 2px 2px 0;font-size:12px;color:#fff}.product-inquiry-item__status--ready{background-color:var(--whole-color);color:var(--point-color);border-color:var(--point-color)}.product-inquiry-item .arrow{width:10px;height:10px;position:absolute;top:0;right:0}.product-inquiry-item .arrow .ico{width:13.0769230769px;height:6.9230769231px;background-position:-687.6923076923px -93.0769230769px;background-size:701.5384615385px 386.9230769231px}.product-inquiry-item .ico--lock{width:15.7142857143px;height:15.7142857143px;background-position:-185.7142857143px -152.1428571429px;background-size:651.4285714286px 359.2857142857px;margin-top:-1px;margin-right:4px}.product-inquiry-item__content{display:none;margin-top:0.8571428571rem;color:var(--dark-gray-color);font-size:1rem;line-height:1.2857142857rem}.product-inquiry-item.is-open .product-inquiry-item__content{display:block;background-color:var(--light-gray-bg-color);border-top:1px solid var(--light-gray-border-color);color:var(--dark-gray-color);word-break:break-word;white-space:pre-wrap;font-size:14px;padding-bottom:20px}.product-inquiry-item.is-open .arrow{transform:scaleY(-1)}.product-inquiry-item.is-open .product-inquiry-item__text{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 10px 20px;background-repeat:no-repeat;background-size:18px;background-position:10px 12px}.product-inquiry-item.is-open .product-inquiry-item__text .ico{flex:none;margin-right:10px}.product-inquiry-item.is-open .product-inquiry-item__text .inquiry-text{flex:1;margin-top:2px}.product-inquiry-item.is-open .product-inquiry-item__text--question{border-bottom:1px dashed var(--semi-light-gray-border-color)}.product-inquiry-item.is-open .product-inquiry-item__text--question .ico{width:20.5px;height:21px;background-position:-326.5px -189.5px;background-size:456px 251.5px;margin-top:8px}.product-inquiry-item.is-open .product-inquiry-item__text--answer .ico{width:18.3333333333px;height:18.3333333333px;background-position:-449.4444444444px -210.5555555556px;background-size:506.6666666667px 279.4444444444px;margin-top:8px}.product-inquiry-item.is-open .product-inquiry-item__text--answer .product-inquiry-item__date{margin-top:4px;font-size:12px}.product-inquiry-item.is-open .product-inquiry-item__text .ico{display:inline-block}.product-inquiry-item.is-open .product-inquiry-item__date{margin-top:0.8571428571rem;letter-spacing:.4px}.product-inquiry-item.is-open .product-inquiry-item__btns{width:auto;display:inline-flex;margin-left:10px;font-size:12px;gap:4px}.product-inquiry-item.is-open .product-inquiry-item__btns button{border-radius:0;padding:2px 10px}.product-inquiry-summary__title{margin-top:1.4285714286rem;text-align:center;font-size:1.7142857143rem;font-weight:500}.product-inquiry-summary__description{margin:0.7142857143rem 0;text-align:center;font-size:14px;line-height:1.4285714286rem}.product-inquiry-summary__write-btn{margin:1.4285714286rem 0;height:3.2142857143rem}.product-review-item{padding:20px 0;border-bottom:1px solid var(--light-gray-border-color)}.product-review-item__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.product-review-item__top .product-review-item__info{display:flex;justify-content:normal;align-items:center;gap:5px}.product-review-item__rating{display:flex;justify-content:center;align-items:center}.product-review-item .rating-star{margin-top:-2px}.product-review-item__score{margin-left:5px;color:#3f444c;font-weight:500;font-size:14px;vertical-align:middle}.product-review-item__date{font-size:14px;color:var(--gray-font-color)}.product-review-item__content{display:flex;justify-content:space-between;align-items:center}.product-review-item__image{position:relative;margin-right:15px;margin-bottom:10px}.product-review-item__image li{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.product-review-item__image li img{max-height:7.1428571429rem}.product-review-item__image li a{width:"auto";height:"auto"}.product-review-item__image-count{width:18px;height:18px;position:absolute;right:0;bottom:0;font-size:10px;line-height:18px;text-align:center;color:#fff;background-color:rgba(63,68,76,.8)}.product-review-item__bottom{flex:1}.product-review-item__order-info{font-size:12px;line-height:18px;color:#848991}.product-review-item__member-id{color:#3f444c;font-weight:600}.product-review-item__option-value{font-size:12px;line-height:18px;color:#848991}.product-review-item__text{position:relative}.product-review-item__text-detail{padding-right:14px;margin-top:10px;font-size:14px;color:var(--dark-gray-color);display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:18px}.product-review-item .arrow{position:absolute;top:0;right:0}.product-review-item .arrow .ico{width:13.0769230769px;height:6.9230769231px;background-position:-687.6923076923px -93.0769230769px;background-size:701.5384615385px 386.9230769231px}.product-review-item__btns{display:flex;justify-content:flex-end;align-items:center;height:24px;font-size:12px;margin:1.8571428571rem 0 20px;gap:0.5714285714rem}.product-review-item__btns button{width:4.2857142857rem;padding:0.4285714286rem 0.5714285714rem;border-radius:0}.product-review-item.is-open .product-review-item__bottom{margin-top:20px;width:100%}.product-review-item.is-open .product-review-item__content{display:block}.product-review-item.is-open .product-review-item__image{margin:0;overflow-x:auto;overflow-y:hidden}.product-review-item.is-open .product-review-item__image ul{border:none;display:flex;width:max-content;gap:5px 10px}.product-review-item.is-open .product-review-item__image-count{display:none}.product-review-item.is-open .product-review-item__info{width:100%}.product-review-item.is-open .product-review-item__text-detail{display:block}.product-review-item.is-open .arrow{transform:scaleY(-1)}.product-review-summary__title{margin-top:1.4285714286rem;text-align:center;font-size:1.7142857143rem;font-weight:500}.product-review-summary__rating{display:flex;justify-content:center;align-items:center;margin:0.7142857143rem 0}.product-review-summary__score{font-size:20px;margin-left:10px;font-weight:600;line-height:22px;color:var(--blue-gray-color)}.product-review-summary__score span{font-weight:400;margin-left:4px;vertical-align:middle;color:var(--default-color);letter-spacing:4px}.product-review-summary__write-btn{margin:1.4285714286rem 0;height:3.2142857143rem}.search-keyword-modal{height:100%}.search-keyword-modal__top{display:flex;justify-content:center;align-items:center;height:58px;margin:0 10px;border-bottom:2px solid var(--dark-gray-color)}.search-keyword-modal__back-btn{padding-right:10px}.search-keyword-modal .search-field{flex-grow:2}.search-keyword-modal .search-field__clear-btn .ico{width:23.8461538462px;height:23.8461538462px;background-position:-370.7692307692px -265.3846153846px;background-size:701.5384615385px 386.9230769231px}.search-keyword-modal .text-field{border:none}.search-keyword-modal .text-field input{font-size:18px}.search-keyword-modal .recent-keyword{margin:30px auto 80px;width:300px}.title-modal{position:relative;width:100%;height:100%}.title-modal__header{display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--black-color);height:60px}.title-modal__title{display:flex;justify-content:center;align-items:center;font-size:18px}.title-modal__content{overflow:inherit}.title-modal__close-btn{position:absolute;right:20px}.title-modal--full{margin:0 auto;max-width:375px;min-width:375px}@media(min-width: 500px){.title-modal--full{max-width:500px;min-width:500px}}.title-modal--full .title-modal__content{min-width:375px;overflow-y:auto;height:calc(90vh - 60px);height:calc(100dvh - 60px)}.total-sort{display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:90px;z-index:1;padding:10px 20px;margin-bottom:32px;background-color:var(--whole-color);border-bottom:1px solid var(--light-gray-border-color)}.total-sort__select-box{width:auto;border-color:#d2d2d2;font-weight:lighter}.total-sort__count .highlight{margin:0 4px 0 8px;font-weight:bold}.category-nav{display:flex;flex-direction:column}.category-nav-content{flex:1;overflow-y:auto}.category-nav-content::-webkit-scrollbar{display:none}.category-nav-content .no-data{display:flex;justify-content:center;align-items:center;height:100%;color:var(--default-color)}.category-nav-sign-in{position:-webkit-sticky;position:sticky;top:0;z-index:5;padding:20px 0 20px 10px;background-color:var(--point-color);color:#fc9e9e;font-size:16px;border-bottom:1px solid var(--whole-color)}.category-nav-sign-in__link{color:var(--whole-color);text-decoration:underline}.category-nav-sign-in__close{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer}.category-nav-sign-in p{display:inline-block}.category-nav-links{padding:0;margin-bottom:20px}.category-nav-links__item{position:relative;display:block;padding:15px 0 15px 20px;color:var(--dark-gray-color);border-bottom:1px solid var(--light-gray-border-color);transition:background .45s}.category-nav-links__item:last-of-type{border-bottom-width:0}.category-nav-links__item:hover{background-color:#eee}.category-nav-links__item:hover::after{border-color:#b0b0b0}.category-nav-links__arrow{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.flag-wrapper{display:flex;gap:8px;margin:10px 16px}.flag-wrapper .ico--flag-us{width:32px;height:23px;background-position:-128.5px -189.5px;background-size:456px 251.5px}.flag-wrapper .ico--flag-jp{width:32px;height:23px;background-position:-96.5px -189.5px;background-size:456px 251.5px}.flag-wrapper .ico--flag-kr{width:32.5px;height:24px;background-position:-64px -189.5px;background-size:456px 251.5px}.cs{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;font-size:12px}.cs__link{position:relative;flex:1;padding:20px 0;text-align:center;color:var(--default-font-color)}.cs__link:nth-child(n+1)::before{position:absolute;top:50%;left:0;width:1px;height:12px;content:"";background:#e1e1e1;transform:translateY(-50%)}.skeleton-wrap{padding:20px}.skeleton-wrap-list{margin-top:20px}.faq-list__content-wrap{cursor:pointer;border-bottom:1px solid var(--light-gray-border-color)}.faq-list__content{display:flex;padding:20px 26px 20px 10px}.faq-list__content .ico--q,.faq-list__content .ico--a{flex:none;margin-right:10px}.faq-list__content .ico--angle-down{width:13.0769230769px;height:6.9230769231px;background-position:-687.6923076923px -93.0769230769px;background-size:701.5384615385px 386.9230769231px}.faq-list__question{position:relative;display:flex;justify-content:center;align-items:center}.faq-list__question .ico--q{width:25.625px;height:26.25px;background-position:-408.125px -236.875px;background-size:570px 314.375px}.faq-list__question p{width:100%;text-overflow:ellipsis;overflow:hidden}.faq-list__answer{padding-bottom:52px;background-color:#eff1f5}.faq-list__answer .ico--a{width:23.5714285714px;height:23.5714285714px;background-position:-577.8571428571px -270.7142857143px;background-size:651.4285714286px 359.2857142857px}.faq-list .arrow{position:absolute;top:50%;right:10px;display:inline-flex;transform:translateY(-50%)}.faq-list__content-wrap.is-open .arrow{transform:translateY(-50%) rotate(180deg)}.faq-list__content-wrap.is-open .faq-list__content--question button{word-break:break-word;white-space:pre-wrap}.faq-list__empty{display:flex;justify-content:center;align-items:center;padding:1.4285714286rem 0;height:21.4285714286rem;font-size:1.4285714286rem;color:var(--gray-color);opacity:.8}.faq-list .ico--lock{width:22px;height:22px;background-position:-260px -213px;background-size:912px 503px;width:26px;margin-right:10px}.faq-list .sanitize-wrap{width:100%}.address-form__zip-code{display:flex;gap:10px}.address-form__zip-code>.text-field,.address-form__zip-code>.btn{width:130px}.address-form>.text-field{margin-top:10px}.address-form .select-field>select{padding:13px 10px 11px 10px}.address-form.global-form{margin-top:10px;display:flex;flex-direction:column;gap:10px}.address-form.global-form>.text-field{margin-top:unset}.search-zip-code-form{height:100%}.search-zip-code-form__search{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:10px;padding:20px;height:120px;background-color:var(--empty-color)}.search-zip-code-form__search .search-field{width:100%}.search-zip-code-form__search .search-field .text-field{background-color:#fff;height:50px}.search-zip-code-form__search .search-field .icon-btn{width:20px;height:20px}.search-zip-code-form__search-tip{display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px;color:#8f8f8f}.search-zip-code-form__search-tip::before{width:16px;height:16px;margin-top:-3px;content:""}.search-zip-code-form__tip-tit{font-weight:700;font-size:16px;margin:20px 20px 10px 20px;padding-bottom:10px;border-bottom:1px solid var(--black-color)}.search-zip-code-form__tip-tit em{color:var(--point-color)}.search-zip-code-form__tip-list{padding:0 20px 0 40px;list-style-type:disc}.search-zip-code-form__tip-list li>span{margin:0 5px;color:#8f8f8f}.search-zip-code-form__tip-empty{padding:20px;text-align:center}.search-zip-code-form__items{padding:0 20px 20px 20px;height:calc(100% - 180px);overflow-y:auto}.info-list{padding:20px 20px;background-color:#fff}.info-list__title{font-weight:700}.info-list__items{padding-left:14px;list-style:disc;font-size:12px;color:var(--gray-color)}.info-list__items li{margin-top:6px}.info-list__items li::marker{font-size:10px}.price-tag{padding:20px;border:1px solid var(--point-color);border-radius:6px}.price-tag--no-border{border:none}.price-tag__final-amount{display:flex;justify-content:space-between;align-items:center}.price-tag__final-amount dt{font-size:16px;font-weight:700}.price-tag__final-amount dd em{color:var(--point-color);font-size:20px;font-weight:700;margin:0 4px}.price-tag__division{margin:12px 0;border-top:1px dashed var(--default-color)}.price-tag__details{display:grid;grid-template-columns:1.5fr 1fr;row-gap:8px}.price-tag__details dt,.price-tag__details dd{color:var(--gray-color)}.price-tag__details dd{text-align:end}.price-tag__details dd em{color:var(--black-color);font-weight:700;margin:0 4px}.product-thumb-item{width:100%}.product-thumb-item .thumb-item__media{width:84px;height:84px;flex:none}.product-thumb-item .thumb-item__info{display:flex;justify-content:center;align-items:start;width:100%;gap:6px;padding:0 0 0 20px;flex-direction:column}.product-thumb-item__brand{font-size:12px;font-weight:700;color:var(--gray-color)}.product-thumb-item__amount{font-size:12px;display:flex;justify-content:center;align-items:center}.product-thumb-item__amount li{display:flex;justify-content:center;align-items:center;height:14px}.product-thumb-item__amount li+li{content:"";margin-left:10px;padding-left:10px;border-left:1px solid var(--default-color)}.product-thumb-item__amount-wrap{display:flex;justify-content:space-between;align-items:center;width:100%}.product-thumb-item__base-product-name-content{display:flex;font-size:12px;line-height:1.4;font-weight:500}.product-thumb-item__base-product-name{color:var(--gray-color)}.product-thumb-item__name-wrapper--inline{display:flex;flex-direction:row;align-items:center;gap:1px}.product-thumb-item .extra-product__sticker{background-color:#a3a3a3;color:#fff;padding:0px 7px;font-weight:400;font-size:12px;line-height:20px}.product-thumb__sticker{display:inline-block;margin-block-start:5px;width:max-content}.product-thumb__sticker:not(:first-child){margin-left:5px}.product-thumb__sticker>img{height:20px;width:auto}.coupons{padding:20px 0 6.4285714286rem}.coupons--empty{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.4285714286rem;color:var(--default-color)}.coupons--empty button{cursor:none;background-color:var(--default-color)}.coupons__download-btn{font-size:16px;height:60px;position:fixed;bottom:0;border:0;border-radius:0;font-weight:400;line-height:32px;z-index:1}.coupons .coupon__discount-information{font-size:22px;color:var(--point-color)}.coupon__wrap__constraint{font-size:13px;line-height:18px;font-weight:300;color:var(--gray-font-color)}.coupon__wrap+.coupon__wrap{margin-top:20px}.coupon__wrap--issued{position:relative}.coupon__wrap--issued .coupon__issued{position:absolute;right:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;z-index:1;background-color:rgba(0,0,0,.4);color:var(--whole-color);border-radius:6px}.coupon__wrap--issued .coupon__issued p{margin-top:10px}.coupon__wrap--issued .ico--checkbox{width:15.7894736842px;height:15.7894736842px;background-position:-443.1578947368px -199.4736842105px;background-size:480px 264.7368421053px;background-color:var(--point-color);border-radius:50%;position:relative}.coupon__wrap--issued .ico--checkbox::before{content:"";background:var(--point-color);position:absolute;top:0;width:30px;height:30px;z-index:-1;border-radius:50%;padding:10px}.review-form__product-description{display:flex}.review-form__evaluation{padding:20px 20px 0;text-align:center}.review-form__title{color:var(--default-font-color);font-size:20px;line-height:24px;margin-top:16px;padding:20px 10px}.review-form .rating-star__count{height:90%;top:2px;left:-101%}.review-form__content{padding:20px}.review-form__text-area{margin-top:20px}.review-form__text-area textarea{width:100%;height:320px;display:block;color:var(--default-font-color);border:solid 1px var(--gray-border-color);border-radius:0;font-size:14px;line-height:20px;padding:20px}.review-form__limit-text{position:relative;margin-top:20px;font-size:14px;font-weight:400;color:var(--gray-font-color);padding-left:18px;opacity:.8}.review-form__limit-text::before{position:absolute;top:0;left:0;font-size:14px;position:absolute;content:"※";color:var(--gray-font-color)}.review-form__image-files{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-top:20px;gap:10px}.review-form__image{width:100px;height:100px;display:flex;justify-content:center;align-items:center;position:relative}.review-form__upload-btn{margin-top:20px}.review-form__btn{width:100%;height:60px;border-radius:0;font-size:16px;font-weight:400}.review-form__file-upload{margin-top:20px}.review-form__submit-btn{margin-top:2.8571428571rem}.review-form__accumulation{margin-top:1.4285714286rem}.review-form .delete::before,.review-form .delete::after{background-color:var(--default-color)}.review-accumulation{display:block;margin:1.4285714286rem 0;text-align:center;color:var(--blue-gray-color)}.review-accumulation .ico{width:17.7777777778px;height:17.7777777778px;background-position:-250px -191.6666666667px;background-size:506.6666666667px 279.4444444444px;margin-right:5px;margin-top:-2px}.review-accumulation em{font-weight:700}.identification-verification-modal.modal{height:100%;max-height:861px}.identification-verification-modal iframe{width:100%;height:100%;border:none}.identification-verification-modal__header{position:relative;padding:10px 20px;border-bottom:1px solid var(--black-color)}.identification-verification-modal__title{display:flex;justify-content:center;align-items:center;height:40px;font-size:18px}.identification-verification-modal__close-btn{position:absolute;top:20px;right:20px}.identification-verification-modal__close-btn:hover{cursor:pointer}.identification-verification-modal__content{height:calc(100% - 81px)}@media(max-width: 500px){.identification-verification-modal.modal{width:100%}}@media(min-width: 501px){.identification-verification-modal.modal{width:500px}}.product-inquiry-form__description{padding:20px}.product-inquiry-form__content{padding:20px}.product-inquiry-form__type{border-color:var(--gray-border-color);height:2.8571428571rem;padding-top:0.4285714286rem;color:var(--gray-color)}.product-inquiry-form__title input{height:3.4285714286rem}.product-inquiry-form .character-counter{margin:20px 0}.product-inquiry-form__text{min-height:21.4285714286rem}.product-inquiry-form__secret{margin-top:20px}.product-inquiry-form__secret .check-radio__label{font-size:1rem;font-weight:400;color:var(--gray-color)}.product-inquiry-form__secret .check-radio__ico{border-radius:4px}.board-product-item__description{padding:20px;display:flex}.board-product-item__image{width:120px;height:120px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 2px rgba(0,0,0,.15)}.board-product-item__product{margin:auto 0 auto 12px;line-height:20px;color:var(--light-blue-gray-color)}.board-product-item__product-name{font-size:14px;font-weight:600}.board-product-item__option-value{margin-top:3px}.board-product-item__option-selector{margin-top:12px;border-color:var(--gray-border-color)}.board-form__type-selector{border-color:var(--gray-border-color);height:2.8571428571rem;padding-top:0.4285714286rem;color:var(--gray-color)}.board-form__type-selector--disabled{background-color:var(--empty-color)}.board-form__type-selector--disabled::after{opacity:.4}.board-form__title{margin:20px 0 2px 0}.board-form__title input{height:3.4285714286rem}.board-form__text{margin:20px 0 2px 0;min-height:21.4285714286rem}.board-form__checkbox-group{margin-top:20px}.board-form__checkbox-group .check-radio__label{font-size:1rem;font-weight:400;color:var(--gray-color)}.board-form__checkbox-group .check-radio__ico{border-radius:4px}.board-form__image-files{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-top:20px;gap:10px}.board-form__image-files .attach-file__item{width:100%;height:60px;display:flex;align-items:center;padding:8px 20px;border:1px solid #ddd}.board-form__image-files .attach-file__item img{width:35px;height:35px;object-fit:cover;margin-right:12px}.board-form__image-files .attach-file__item .ico--circle-x-gray-bg{width:20.6666666667px;height:20.6666666667px;background-position:-321.3333333333px -230px;background-size:608px 335.3333333333px}.board-form__image-files .attach-file__name{flex:1;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-form__image-files .attach-file__remove-button{cursor:pointer}.board-form__image{width:100px;height:100px;display:flex;justify-content:center;align-items:center;position:relative}.board-form .delete::before,.board-form .delete::after{background-color:var(--default-color)}.board-form__upload-btn{margin-top:20px;border-radius:0;height:60px;font-size:16px}.board-form__notice-text{position:relative;margin-top:20px;font-size:14px;font-weight:400;color:var(--gray-font-color);padding-left:18px;opacity:.8}.board-form__notice-text::before{position:absolute;top:0;left:0;font-size:14px;position:absolute;content:"※";color:var(--gray-font-color)}.board-form__notice-wrap .board-form__notice-text{margin-top:5px}.board-form__note{padding:28px 12px 32px;border-top:solid 1px var(--gray-border-color)}.board-form__note-title{font-size:16px;padding-bottom:12px;color:var(--default-font-color)}.board-form__note-text{position:relative;padding-top:8px;padding-left:9px;font-size:12px;color:var(--gray-font-color);line-height:18px}.board-form__note-text::before{position:absolute;top:4px;left:0;font-size:12px;content:".";color:var(--gray-font-color)}.board-form__buttons{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.board-form__buttons button{border-radius:0;height:60px;font-size:16px}.board-form__buttons--small{display:flex;justify-content:end;align-items:none;gap:12px;margin-top:20px}.board-form__buttons--small button{width:60px;border-radius:0;font-size:12px;padding:4px 6px}.board-form__button-group{display:flex;justify-content:space-between;align-items:none;margin-top:20px}.board-form__button-group button{width:48%}.board-form__btn{width:100%;height:60px;border-radius:0;font-size:16px;font-weight:400}.board-form__product-thumb-list{padding:0 20px}.folding-images-by-one-row{position:relative;margin-right:15px;margin-bottom:10px}.folding-images-by-one-row li{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.folding-images-by-one-row li img{max-height:7.1428571429rem}.folding-images-by-one-row li a{width:"auto";height:"auto"}.folding-images-by-one-row__image-count{width:18px;height:18px;position:absolute;right:0;bottom:0;font-size:10px;line-height:18px;text-align:center;color:#fff;background-color:rgba(63,68,76,.8)}.folding-images-by-one-row.is-active{margin:0;overflow-x:auto;overflow-y:hidden}.folding-images-by-one-row.is-active .folding-images-by-one-row__image-list{border:none;display:flex;width:max-content;gap:5px 10px}.folding-images-by-one-row.is-active .folding-images-by-one-row__image-count{visibility:hidden}li.attach-file{cursor:pointer;border:1px solid var(--default-color)}.attach-file__detail-images{text-align:center;margin-top:10px}.inquiry-item__top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#878787;padding-top:20px}.inquiry-item__top .inquiry-item__info{display:flex;justify-content:normal;align-items:normal;gap:5px}.inquiry-item__date{display:block;margin-top:4px;font-size:12px;text-align:end;color:#878787}.inquiry-item__bottom{display:flex;justify-content:none;align-items:center;position:relative;margin-top:8px}.inquiry-item__content{width:100%;position:relative}.inquiry-item__info{display:flex;justify-content:flex-start;align-items:center}.inquiry-item__info .ico--lock{width:15.7142857143px;height:15.7142857143px;background-position:-185.7142857143px -152.1428571429px;background-size:651.4285714286px 359.2857142857px;margin-top:-1px;margin-right:4px}.inquiry-item__status-label{margin-right:8px;border:1px solid var(--light-blue-gray-color);background-color:var(--light-blue-gray-color);color:#fff;padding:4px 8px;font-size:12px}.inquiry-item__status-label--ready{background-color:var(--whole-color);border:1px solid var(--point-color);color:var(--point-color)}.inquiry-item__title{flex:1;padding-right:1.2857142857rem;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.inquiry-item__text{background-color:var(--light-gray-bg-color);color:var(--dark-gray-color);word-break:break-word;white-space:pre-wrap;padding:20px 0.5714285714rem;font-size:0.8571428571rem;line-height:1.2857142857rem}.inquiry-item__text--question{margin-top:20px}.inquiry-item__text--question .ico{display:none;width:20.5px;height:21px;background-position:-326.5px -189.5px;background-size:456px 251.5px;margin-top:8px}.inquiry-item__text--answer{display:none}.inquiry-item__text--answer .ico{width:18.3333333333px;height:18.3333333333px;background-position:-449.4444444444px -210.5555555556px;background-size:506.6666666667px 279.4444444444px;margin-top:8px}.inquiry-item .board-form__buttons--small{margin:auto;justify-content:flex-end;align-items:normal;margin-top:20px;gap:8px}.inquiry-item .board-form__buttons--small button{width:40px}.inquiry-item.is-active .inquiry-item__bottom{display:block}.inquiry-item.is-active .inquiry-item__content{margin-top:20px}.inquiry-item.is-active .inquiry-item__title{display:block}.inquiry-item.is-active .inquiry-item__text{display:flex}.inquiry-item.is-active .inquiry-item__text .ico{display:inline-block;margin-right:6px}.inquiry-item.is-active .inquiry-item__text--answer{border-top:1px dashed var(--semi-light-gray-border-color)}.inquiry-item.is-active .inquiry-item__qna-text{flex:1;width:94%;margin-left:auto}.inquiry-item.is-active .board-form__buttons--small{margin-top:20px}.inquiry-item+.inquiry-item{margin-top:20px;border-top:1px solid var(--default-color)}.ico--clip-16{width:20px;height:20px;background-position:-241.25px -215.625px;background-size:570px 314.375px}.order-detail-info dl:not(.price-tag__final-amount){display:grid;width:100%;grid-template-columns:1fr 3fr;row-gap:8px}.order-detail-info dl:not(.price-tag__final-amount) dt{color:var(--gray-color)}.order-detail-info dl:not(.price-tag__final-amount) dd{word-break:break-all}.order-detail-info .accordion__title{font-size:16px}.order-detail-info__item-title{font-size:16px;padding:20px;border-bottom:1px solid var(--default-color)}.order-detail-info__item{padding:20px}.order-detail-info__btn-wrap{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.order-detail-info__btn-wrap .btn{height:50px;border-radius:0;border:1px solid var(--default-color)}.order-detail-info__delivery-memo{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:6px;margin-top:14px;padding:12px;border:1px solid var(--default-color)}.order-detail-info__pay-method{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:12px;padding:20px 20px 0}.order-detail-info__copy-btn{height:50px;border-radius:0;border:1px solid var(--default-color);background-color:var(--empty-color)}.order-detail-info__mileage{display:flex;justify-content:end;align-items:center;font-size:12px}.order-detail-info__mileage em{font-weight:700}.order-detail-info__app-card-info{font-size:12px;line-height:1.4em}.order-no-label{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--blue-gray-color);font-weight:500;color:#fff}.order-no-label__order-no-wrap{display:flex;justify-content:start;align-items:center;gap:10px}.order-no-label__no{color:var(--gray-color);font-size:12px;font-weight:400}.start-ymd-selector{display:flex;justify-content:center;align-items:center;height:40px;border:1px solid var(--default-color);margin-bottom:20px}.shipping-address-form__item{margin:1.4285714286rem auto}.shipping-address-form__item--label{display:inline-block;margin:8px auto}.shipping-address-form__item .select-field>select{padding:13px 10px 11px 10px}.shipping-address-form .text-field input{height:40px}.shipping-address-form .phone-number-input span{height:40px}.shipping-address-form__buttons{display:flex;justify-content:space-between;align-items:center;gap:0.8571428571rem}.shipping-address-form__buttons button{border-radius:0;height:60px;font-size:18px}.design-popup{position:absolute;border:1px solid var(--default-color);z-index:7;box-shadow:0 1px 5px rgba(0,0,0,.2)}.design-popup__content{border:1px solid var(--gray-color);overflow:auto;box-sizing:content-box}.design-popup__content .swiper-slide{background-color:#fff;text-align:center}.design-popup__btns{display:flex;justify-content:center;align-items:center;border:1px solid var(--gray-color);border-top:none}.design-popup__btns button{border-radius:0;border:none;padding:0.8571428571rem 4px;background:var(--empty-color);font-size:0.8571428571rem;flex:1}.design-popup__btns button+button{border-left:1px solid var(--gray-color)}.design-popup__btn--close{background:var(--blue-gray-color) !important;color:#fff}.design-popup__slide-image{max-width:unset}.design-popup__subject-item{width:inherit;height:inherit;overflow:hidden;background-color:#fff;text-align:center}.design-popup.design-popup__window{position:none;display:block;position:none;padding:0;border:none;box-shadow:none}.option-label{font-size:12px;line-height:1.4em;color:var(--gray-color)}.option-label__normal-option span{display:inline-block;margin-right:4px}.password-changer{display:flex;flex-direction:column;padding:20px;gap:16px}.password-changer hr{border:.2px solid var(--gray-border-color);margin:8px 0}.password-changer__buttons{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px}.password-changer__buttons button{height:2.8571428571rem}.password-changer__caution{font-size:0.8571428571rem;color:var(--caution-color)}.long-term-notice__content{text-align:center;padding:20px}.long-term-notice__title{font-size:1.4285714286rem}.long-term-notice__text{font-size:1.1428571429rem;margin:12px 0}.long-term-notice__description{font-size:0.8571428571rem;color:var(--gray-color)}.custom-terms{width:100%}.custom-terms__item{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.custom-terms__item button{width:auto;padding:0;font-weight:300;border:none;color:var(--gray-font-color);-webkit-text-decoration:1px underline;text-decoration:1px underline}.cash-receipt-modal{width:25rem}.cash-receipt__items{padding:20px}.cash-receipt__item{margin-bottom:25px;display:flex;flex-direction:column;gap:10px}.cash-receipt__item .select-box{border:1px solid var(--default-color)}.cash-receipt__item .select-box select{height:40px;display:flex;justify-content:center;align-items:center}.cash-receipt__item .text-field input{width:100%;height:40px;padding:5px 10px}.cash-receipt__item .radio-field__content{display:flex;justify-content:flex-start;align-items:center;gap:40px}.cash-receipt__item .cash-receipt-key-type{width:160px}.cash-receipt__btn-wrap{display:flex;justify-content:center;align-items:center;gap:10px}.cash-receipt__btn-wrap .btn{border:none;color:#fff;height:40px}.cash-receipt__btn-wrap .btn--default{background-color:var(--point-color)}.cash-receipt .check-radio{margin-top:0 !important}.report-form{padding:30px;display:flex;justify-content:center;align-items:normal;flex-direction:column;gap:20px}.report-form__description{font-size:14px;line-height:1.0714285714rem}.report-form__section label{display:flex;justify-content:normal;align-items:center;font-weight:500;color:var(--black-color);gap:5px;margin-bottom:5px}.report-form__section label.required:after{width:5px;height:5px;background-color:var(--caution-color);content:""}.agreement .title-modal__content{padding:20px}.title-modal--app-card-authenticate{min-width:588px}.app-card-authenticate-modal{width:100%;height:100%}.app-card-authenticate{padding:40px 40px 40px 60px;text-align:center}.app-card-authenticate__qr-info{display:flex;flex-direction:column;align-items:center;font-size:20px;font-weight:700}.app-card-authenticate__qr-code{display:flex;justify-content:center;align-items:center}.app-card-authenticate__qr-code img{width:200px;height:200px}.app-card-authenticate__btns{display:flex;gap:12px;margin-top:40px}.app-card-authenticate__btns button{width:100%;height:64px}.app-card-authenticate .count-down{font-size:16px;font-weight:400}.app-card-authenticate .count-down__time{display:inline-block;color:#f92626}.app-card-authenticate #appCard{z-index:9998;position:fixed;bottom:0;left:0;width:100%;height:100%}.restock-notification{padding:20px}.restock-notification__modal{padding:20px;margin-bottom:74px}.restock-notification-form__sold-out-option{width:100%;height:100%;padding:20px 0}.restock-notification-form__sold-out-option__description,.restock-notification-form__sold-out-option__product-name{width:100%;height:100%;font-weight:500;font-size:1.1428571429rem}.restock-notification-form__sold-out-option__description{margin-bottom:12px}.restock-notification-form__sold-out-option__wrap{background-color:var(--empty-color);color:var(--color-secondary);padding:20px;overflow-y:auto;max-height:180px}.restock-notification-form__sold-out-option__list{display:flex;flex-direction:column;gap:20px}.restock-notification-form__sold-out-option__list .form-check{display:flex;align-items:center}.restock-notification-form__sold-out-option__list .form-check .check-radio__ico{background-color:var(--whole-color)}.restock-notification-form__sold-out-option__list .form-check input[type=checkbox]:checked+.check-radio__ico{background-color:var(--point-color)}.restock-notification-form__applicant-info{display:flex;flex-direction:column;gap:12px;padding:20px 0}.restock-notification-form__item{display:flex;flex-direction:row;gap:20px}.restock-notification-form__label{width:70px;flex-shrink:0;display:flex;align-items:center}.restock-notification-form__input-wrap{flex:1}.restock-notification-form__agreement{padding:20px 0}.restock-notification-form__agreement-content{background:var(--empty-color);margin-top:20px;max-height:160px;overflow-y:auto;padding:8px 20px}.restock-notification__btn-wrap{display:flex;justify-content:space-between;gap:8px;padding:20px 0}.restock-notification__cancel-btn,.restock-notification__submit-btn{width:100%;height:2.8571428571rem;font-size:16px}.hero{position:relative}.hero img{-o-object-fit:cover;object-fit:cover}.hero .slide-next,.hero .slide-prev{z-index:1}.product-section{margin-top:60px;border-top-width:0}.product-section__title{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;padding:0 1.4285714286rem;margin-bottom:1.4285714286rem;font-size:2rem;color:var(--dark-gray-color)}.product-section :where(.thumb-LIST .thumb-item__info){margin-top:10px;margin-left:10px}.product-section__more{display:flex;justify-content:center;align-items:center;width:auto;padding:1.0714285714rem 0;margin:1.4285714286rem 1.4285714286rem 0;border-width:1px 0 0;border-color:#ececec;text-align:center;color:var(--default-font-color);font-size:0.9285714286rem}.product-section__more-ico{transform:translateY(1px)}.product-section--slide .swiper{margin:0 0 0 1.4285714286rem}.product-section--slide .swiper-slide{width:10.7142857143rem !important}.product-thumb-title{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;padding-right:5px;padding-top:1px;margin-bottom:10px}:where(.thumb-SIMPLE_IMAGE .product-thumb) .product-thumb-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.4}.product-thumb-title-product-name{display:inline;overflow:hidden;white-space:nowrap}.product-thumb-title-product-name *{white-space:nowrap}.product-thumb-price-info{font-size:16px}.product-thumb-price-info>span{margin-right:10px}:where(.thumb-SIMPLE_IMAGE) .product-thumb-price-info>span{margin-right:0}.product-thumb-price{display:inline-block;font-weight:bold;letter-spacing:-1px;vertical-align:top;font-size:1rem}.product-thumb-discount{color:var(--point-color);font-weight:bold}.product-thumb-unit{margin-left:4px;font-size:0.7857142857rem;vertical-align:middle}:where(.product-section .thumb-GALLERY,.product-section .thumb-CART){padding:0 20px;margin-bottom:20px}.product-section .thumb-LIST{padding:0 20px}.product-section .thumb-LIST .thumb-item{padding:0;border-top-width:0}.product-section .thumb-LIST .thumb-item:nth-child(n+1){margin-top:20px}.product-section .thumb-LIST .thumb-item__media{flex:none}:where(.product-section) .thumb-CART .thumb-fab{position:absolute;bottom:5px;display:none;background-color:var(--empty-color);width:auto;padding:0;border:0;border-radius:50%;z-index:5}:where(.product-section) .thumb-CART .thumb-fab--like{left:5px}:where(.product-section) .thumb-CART .thumb-fab--like svg{transform:translateY(2px)}:where(.product-section) .thumb-CART .thumb-fab--cart{right:5px}:where(.product-section) .thumb-CART .thumb-item:hover .thumb-fab,:where(.product-section) .thumb-CART .thumb-item__img-box:focus~.thumb-fab{display:block}.banner{display:block}.order-sheet{line-height:1.5em}.order-sheet em{color:var(--caution-color)}.order-sheet .text-field input,.order-sheet select{height:40px}.order-sheet .accordion__title{height:60px;font-size:16px}.order-sheet__item{margin-bottom:14px}.order-sheet__item-subject{display:inline-block;margin-bottom:8px}.order-sheet .select-box{border:1px solid var(--default-color)}.order-sheet .select-box select{display:flex;justify-content:center;align-items:center}.order-sheet .check-radio{margin-top:10px}.order-sheet__domain-select{margin-top:10px}.order-sheet .l-panel+.l-panel{margin-top:10px}.order-sheet__custom-memo{margin-top:10px}.order-sheet__product-table .accordion__items{padding:0 20px}.order-sheet__payment-info{padding:30px 20px}.order-sheet__number-of-COD{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--gray-color)}.order-sheet__alert-msg li{margin:8px 0 0 12px;padding-left:4px;color:var(--caution-color);font-size:12px;line-height:16px}.order-sheet__alert-msg li::marker{content:"※"}.order-sheet__promotion-title{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:16px;border-bottom:1px solid var(--default-color)}.order-sheet__promotion-amt{display:flex;justify-content:center;align-items:end;font-size:12px}.order-sheet__promotion-amt span{line-height:1em}.order-sheet__promotion-amt strong{display:inline-block;font-size:20px;font-weight:700;transform:translate(-2px, 2px)}.order-sheet__promotion-items{padding:20px;background-color:#fff}.order-sheet__promotion-items--guest{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:14px}.order-sheet__promotion-input{display:flex;gap:10px}.order-sheet__promotion-input .input-with-unit{flex:2.5}.order-sheet__promotion-input button{border-radius:0;flex:1}.order-sheet__accumulation-amt{color:var(--gray-color)}.order-sheet__sign-in-btn{background-color:var(--blue-gray-color);border:none;border-radius:0;height:50px;color:#fff}.order-sheet__pay-method-title{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:16px;border-bottom:1px solid var(--default-color)}.order-sheet__pay-method-items{padding:20px;background-color:#fff}.order-sheet__terms{display:flex;justify-content:center;align-items:start;flex-direction:column;padding:20px}.order-sheet__terms .check-radio{display:flex;justify-content:center;align-items:start;margin-top:0}.order-sheet__terms .check-radio__ico{flex:none;transform:translate(0, 4px)}.order-sheet__terms .check-radio__label{line-height:1.5em}.order-sheet__custom-terms{width:100%}.order-sheet__custom-terms li{margin-top:10px}.order-sheet__term-checker{display:flex;justify-content:space-between;align-items:start;width:100%;margin-top:10px}.order-sheet__term-checker .btn{width:30px;height:100%;padding:0;border:none;color:var(--gray-color);text-decoration:underline}.order-sheet__pay-method-btns{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px}.order-sheet__pay-method-btns .pay-method-btn{width:49%;margin-bottom:10px}.order-sheet__account-input-wrap{padding:0 20px 20px}.order-sheet__pay-btn{padding:16px;margin:20px;width:calc(100% - 40px);border:none;border-radius:0;background-color:var(--point-color);color:#fff}.order-sheet__customs-id-issuance{display:inline-block;margin-top:4px;color:var(--gray-color)}.order-sheet__customs-id-issuance a{color:#000}.order-sheet__notice-checkbox{padding:10px 20px}.order-sheet__cash-receipt-title{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:16px;border-bottom:1px solid var(--default-color)}.order-sheet__free-gift-info{width:100%;display:flex;flex-direction:column}.order-sheet__free-gift-info .accordion__items{padding:20px}.order-sheet__free-gift-info .thumb-GALLERY{margin:8px 0 20px 0;padding:8px 0;border-bottom:1px solid var(--default-color)}.order-sheet__free-gift-info .check-radio{margin:0;cursor:pointer}.order-sheet__free-gift-info .thumb-item .thumb-item__info{padding:10px 0}.order-sheet__free-gift-info .thumb-item .thumb-item{width:100%}.order-sheet__free-gift-info .thumb-item .thumb-item__img{border:1px solid var(--light-gray-border-color)}.order-sheet__free-gift-info .thumb-item span.check-radio__ico{position:relative;top:25px;left:10px;z-index:1}.order-sheet__free-gift-info .thumb-item input[type=checkbox]:not(:checked)+.check-radio__ico{background-color:var(--whole-color)}.order-sheet__free-gift-info__no-select .thumb-item__media{background:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/dummy-img-gift..png?e0997809ac24fdd4b429) no-repeat center center/contain;aspect-ratio:1/1}.order-sheet__free-gift-info__no-img .thumb-item__media{background:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/dummy-img-none..png?1887b83b4856f41b7b07) no-repeat center center/contain;aspect-ratio:1/1}.order-sheet__free-gift-info__description{display:flex;flex-direction:column;width:100%;gap:8px}.order-sheet__free-gift-info__description__top{display:flex;justify-content:space-between}.order-sheet__free-gift-info__description__title{font-size:16px;font-weight:700}.order-sheet__free-gift-info__description__date{white-space:nowrap;color:var(--gray-font-color)}.order-sheet__free-gift-info__description__count{color:var(--blue-gray-color)}.order-sheet__free-gift-info__product-detail{display:flex;flex-direction:column;gap:8px}.order-sheet__free-gift-info__product-name{-webkit-line-clamp:1}.order-sheet__free-gift-info__option-info{font-size:12px}.order-sheet__free-gift-info__option-info .option-label__normal-option{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.order-sheet__free-gift-info__option-info .option-label__normal-option span{display:inline}.order-sheet__free-gift-info__product-name,.order-sheet__free-gift-info__option-info{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.order-sheet__free-gift-info__caution__title{font-weight:700;font-size:16px;margin-bottom:8px}.order-sheet__free-gift-info__caution__text{font-size:14px;color:var(--gray-font-color)}.order-sheet__free-gift-info__caution__text ul{list-style-type:square;margin:0 20px}.coupon-modal__summary{display:flex;justify-content:center;align-items:center;background-color:var(--empty-color);position:-webkit-sticky;position:sticky;gap:16px;padding:0 20px;height:100px}.coupon-modal__summary-item p{text-align:center}.coupon-modal__formula-symbol{width:20px;height:20px;font-size:14px;text-align:center;border:1px solid var(--black-color);border-radius:100%}.coupon-modal__details{position:absolute;background-color:var(--empty-color);height:calc(100% - 160px);width:100%;overflow:auto}.coupon-modal__coupon-details{padding:20px 20px;background-color:#fff}.coupon-modal__coupon-section>*{margin-top:5px}.coupon-modal__coupon-section+.coupon-modal__coupon-section{margin-top:30px}.coupon-modal__coupon-type{font-weight:700}.coupon-modal__controller{display:flex;justify-content:start;align-items:start;flex-direction:column;height:100px;overflow:auto;gap:10px;background-color:var(--empty-color);width:100%;padding:15px 15px}.coupon-modal__controller-item{width:100%;display:grid;grid-template-columns:.5fr 9fr 8fr;align-items:start;-moz-column-gap:10px;column-gap:10px}.coupon-modal__controller-item .check-radio{margin-top:2px}.coupon-modal__date{color:var(--gray-color)}.coupon-modal__coupon-amount{text-align:end}.coupon-modal__apply-btn{margin-top:40px;background-color:var(--point-color);border:none;color:#fff;height:50px}.coupon-modal__info{margin-top:15px}.gallery-page{padding:0 20px 20px}.gallery-page .thumb-item{width:calc(50% - 5px)}.breadcrumb{position:relative;margin-bottom:-1px;background-color:var(--whole-color);font-size:14px}.breadcrumb__section{position:relative;padding:10px}.breadcrumb__section::after{position:absolute;bottom:-9px;left:0;width:100%;height:8px;content:"";z-index:5;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) -202%, rgba(0, 0, 0, 0) 32%)}.breadcrumb__link{display:inline-flex;align-items:center;color:#666}.breadcrumb__link::after{width:8px;height:8px;content:"";display:inline-block;border:solid #000;border-width:1px 1px 0 0;transform-origin:center center;vertical-align:top;margin:0 5px;transform:rotate(45deg)}.breadcrumb__toggle{position:relative}.breadcrumb__toggle span{display:inline-flex;align-items:center;font-weight:bold}.breadcrumb__toggle span::after{width:8px;height:8px;content:"";display:inline-block;border:solid #000;border-width:1px 1px 0 0;transform-origin:center center;vertical-align:top;transform:translate3d(5px, -3px, 0) rotate(137deg);margin:0 5px}.breadcrumb__toggle :where([type=checkbox]:checked)+span::after{transform:translate3d(5px, 3px, 0) rotate(317deg)}.category-callout{position:absolute;top:100%;width:100%;height:60vh;z-index:5;overflow-y:auto;background-color:var(--whole-color);box-shadow:0 5px 10px rgba(0,0,0,.1)}.category-callout__list{position:relative;min-height:100%}.category-callout__btn,.category-callout__link{width:100%;display:block;padding:10px}.category-callout__btn{border-bottom:1px solid #f5f5f5}.category-callout__link.is-active{font-weight:bold}.category-callout .is-active{display:flex}.category-callout .is-active .category-callout__btn{position:relative;right:-1px;z-index:5;background-color:#fafafa;border-right-color:#f5f5f5}.category-callout .is-active .category-callout__sub{display:block;flex:0 0 50%}.category-callout .is-active .category-callout__sub-nav{position:absolute;top:0;width:50%;min-height:100%;border-left:1px solid #f5f5f5;background-color:#fafafa}.category-callout .is-active .category-callout__sub-nav::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--whole-color);transform:translateX(-100%);z-index:-1}.category-callout .is-active .category-callout__sub-nav .category-callout__btn{border-bottom-width:0}.category-menu__slide{display:flex;justify-content:initial;align-items:center;overflow-x:auto;background-color:#fafafa;font-size:16px;line-height:1}.category-menu__slide li{flex:none;padding:10px}.category-menu__slide .category-menu__link.is-active{border-radius:16px;color:#fff;background:#000}.category-menu__link{display:block;padding:5px 10px 3px;font-size:13px}.category-menu__list{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;background-color:var(--whole-color);border-bottom:1px solid #f5f5f5}.category-menu__list li{padding:5px;border-right:1px solid #f5f5f5}.category-menu__list li:nth-child(3n){border-width:0}.gallery-page .thumb-item{position:relative}.thumb-item-badges{position:absolute;top:0;left:0}.thumb-item-badges .badge{width:auto;height:auto;padding:5px;font-size:12px;font-weight:inherit}.no-search{text-align:center;margin-top:60px}.no-search__title{line-height:1;color:var(--default-font-color);font-weight:400;font-size:20px}.no-search .ico--no-items{width:78.5714285714px;height:80px;background-position:-251.4285714286px -31.4285714286px;background-size:651.4285714286px 359.2857142857px;margin:40px auto}.no-search__description{line-height:1.5;font-size:14px;font-weight:300;color:var(--gray-font-color);margin-bottom:150px}.not-found-product{display:flex;justify-content:center;align-items:center;min-height:415px}.category-content{line-height:1.5}.category-content img{display:inline}.category-content span{vertical-align:baseline}.purchase{position:relative;background-color:#fff;border-top:1px solid var(--default-color)}.purchase__opener{position:absolute;top:-20px;left:50%;width:60px;height:20px;transform:translateX(-50%);background-color:inherit;border:solid var(--default-color);border-width:1px 1px 0;border-radius:4px 4px 0 0;font-size:20px;text-align:center}.purchase__opener.is-show .ico--angle-down{transform:translateY(5px) rotate(0deg)}.purchase__option{max-height:20rem;overflow-y:auto}.purchase__buy-btn{font-size:16px;height:auto;font-weight:400}.purchase__like-btn{width:auto;height:auto;border:1px solid var(--default-color);border-radius:4px;padding:2px}.purchase__restock-btn{font-size:16px;height:auto;font-weight:400;border:1px solid var(--default-color);color:var(--default-font-color)}.purchase .select-box{margin-bottom:20px;width:100%;height:40px;font-size:16px;line-height:24px;padding:0 10px}.purchase .quantity{margin-top:14px;margin-bottom:20px}.purchase .quantity .selected-values{display:block;color:#a3a3a3}.purchase__total{display:flex;justify-content:space-between;border-top:1px solid var(--default-color);margin:16px -11px;padding:23px 18px 19px}.purchase__total em{display:flex;justify-content:center;align-items:center}.purchase__btns{font-size:16px;height:auto;display:flex;min-height:48px}.purchase__btns .icon-btn{flex:none}.purchase__btns [type=button]:nth-child(n+2){margin-left:5px}.purchase__btns--naver-pay{height:90px;max-height:90px}.purchase .ico--angle-down{width:14.1666666667px;height:7.5px;background-position:-745px -100.8333333333px;background-size:760px 419.1666666667px;transform:translateY(5px) rotate(180deg)}.purchase .highlight{font-size:20px;font-weight:700}.purchase__like-btn-wrap{width:140px;border:1px solid var(--default-color);border-radius:4px;display:flex;justify-content:center;align-items:center}.purchase__button-wrap{display:flex;gap:6px}.purchase__button-wrap span{padding:12px;border-radius:4px;border:1px solid var(--semi-light-gray-border-color)}.purchase__naver-pay-btn{width:100%;margin:20px 0}.purchase__quantity-box{max-height:13.5714285714rem;overflow-y:auto}.purchase__buy-btn--unpurchasable{padding:12px;cursor:none;opacity:.4}.purchase__app-card-order-btn{color:#fff;background-color:#e4464e}.extra-product-purchase__info{background:#fff}.extra-product-purchase__info .accordion{border:none;background:rgba(0,0,0,0)}.extra-product-purchase__info .accordion__title{padding:16px 0;border-bottom:none;font-size:16px;font-weight:600;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.extra-product-purchase__info .accordion__title::after{right:15px}.extra-product-purchase__info .extra-product-purchase__options-item>.purchase__option-options-box{margin-top:10px}.extra-product__selected-options .selected-values{display:block;color:#a3a3a3}.product-detail iframe{width:100%}.product-detail .l-panel+.l-panel{margin-top:0.7142857143rem}.product-detail .like-btn{position:absolute;top:0;right:1.2857142857rem;margin-top:10px}.product-detail .tabs{position:sticky;top:90px;z-index:5;width:100%;margin:10px auto}.product-detail .tabs li{font-weight:400}.product-detail .ico--p-circle{vertical-align:center}.product-detail .product-content-review{padding-top:40px}.product-detail.purchase{position:fixed;bottom:0;max-width:500px;width:100%;z-index:6;padding:10px}.product-image-slider .swiper-pagination-bullet{overflow:hidden;width:0.5714285714rem;height:0.5714285714rem;margin:0 0.2857142857rem;opacity:1;background-color:#9ea1a8}.product-image-slider .swiper-pagination-bullet-active{overflow:hidden;width:1.7142857143rem;border-radius:12px;background:#40444d}.product-summary{position:relative;padding:3.2857142857rem 1.2857142857rem}.product-summary__freight,.product-summary__point,.product-summary__weight{display:flex;align-items:center}.product-summary__freight dd,.product-summary__point dd,.product-summary__weight dd{font-weight:500}.product-summary__point dd{margin-left:0.2857142857rem;padding-left:0.2857142857rem}.product-summary__point dd::before{position:absolute;top:3px;left:2px;content:"";background-color:var(--default-color);height:11px;width:1.5px}.product-summary__title{font-size:1.5714285714rem;font-weight:500;line-height:34px;margin-top:20px;color:var(--dark-gray-color)}.product-summary__price-info{margin-top:10px;position:relative;display:flex;justify-content:space-between;align-items:end}.product-summary__price-detail{display:flex;justify-content:center;align-items:center;font-size:0}.product-summary__off-percent{font-size:2.1428571429rem;line-height:38px;font-weight:600;display:inline-block;vertical-align:top;color:var(--point-color);margin-right:0.7142857143rem}.product-summary__off-percent span{font-size:1.1428571429rem;vertical-align:middle;margin-left:4px}.product-summary__discounted-price{font-size:1.7142857143rem;font-weight:600;line-height:26px;display:inline-block;vertical-align:top;color:var(--default-font-color)}.product-summary__discounted-price span{font-size:1.2857142857rem;vertical-align:middle;margin-left:4px;font-weight:400}.product-summary__original-price{display:flex;align-items:center;margin-top:5px;font-size:1rem;font-weight:400;line-height:1.1428571429rem;text-decoration:line-through;color:#a3a3a3}.product-summary__original-price .help-btn{margin-left:0.2857142857rem}.product-summary__coupon-unissuable{color:var(--gray-color)}.product-summary__coupon-download-btn{font-size:12px;line-height:28px;position:relative;top:0.2142857143rem;padding:0.2142857143em 3.2857142857em 0.2142857143em 1.2857142857em;border-radius:18px;background-color:var(--blue-gray-color);color:#fff}.product-summary .ico--download-white{position:absolute;top:8px;right:14px;width:17.5px;height:13px;background-position:-256.5px -172.5px;background-size:456px 251.5px}.product-summary__freight-line{margin-top:2rem;padding-top:1.7rem;border-top:1px solid #eaeaea}.product-summary__reservation-info{margin-bottom:10px}.product-summary dt{display:flex;justify-content:center;align-items:center;font-weight:500;font-size:0.8571428571rem;background-repeat:no-repeat}.product-summary dd{display:flex;justify-content:center;align-items:center;font-size:0.8571428571rem;position:relative;display:inline-block;padding-left:0.3571428571rem;color:var(--default-font-color);line-height:1.1428571429rem}.product-summary dd+dd{margin-left:0.5714285714rem}.product-summary__freight dt strong{margin:0 5px 0 10px}.product-summary__freight .ico--shipping-car{width:15.8333333333px;height:10.8333333333px;background-position:-356.6666666667px -43.3333333333px;background-size:380px 209.5833333333px}.product-summary__freight .ico--package{width:21.3333333333px;height:21.3333333333px;background-position:0px -126.3333333333px;background-size:304px 167.6666666667px}.product-summary__weight .ico{width:21.3333333333px;height:21.3333333333px;background-position:-21.3333333333px -126.3333333333px;background-size:304px 167.6666666667px}.product-summary__point{margin-top:10px}.product-summary__point .ico{width:18.8235294118px;height:18.8235294118px;background-position:-264.7058823529px -202.9411764706px;background-size:536.4705882353px 295.8823529412px;margin-right:10px;margin-top:-2px}.product-summary__display-label{font-weight:300;font-size:1rem}.product-summary__display-label em{font-weight:500;margin-left:5px}.product-summary__display-label--unable{color:var(--point-color) !important}.product-summary__main-category{display:flex;gap:.25rem;color:var(--gray-color);font-weight:500;flex-wrap:wrap;word-break:break-all;overflow-wrap:break-word}.product-summary__main-category p{flex-shrink:0}.discount-price-information{height:inherit;min-width:270px}.discount-price-information__detail{margin-top:10px}.discount-price-information__detail li{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.discount-price-information__total{display:flex;justify-content:space-between;align-items:center;padding:20px 0 10px;border-top:1px solid var(--dark-gray-color);color:var(--point-color);font-size:16px;font-weight:500}.discount-price-information__description{margin-top:10px;background-color:var(--tooltip-bg-color);color:var(--gray-font-color);font-weight:400;font-size:12px;line-height:22px;padding:14px}.title-modal--discount-price-information .title-modal__header{justify-content:inherit;align-items:center;padding:20px 20px;border-bottom:none}.title-modal--discount-price-information .title-modal__title{height:auto;padding:0}.title-modal--discount-price-information .title-modal__content{margin:20px;height:100%}.title-modal--discount-price-information .ico--x-black{width:16.6666666667px;height:17.5px;background-position:-235px -177.5px;background-size:760px 419.1666666667px}.related-product{padding-bottom:30px}.related-product__title{font-size:1.1428571429rem;margin:30px 10px 20px;text-align:center}.related-product__items{padding:0 20px}.related-product__item{margin-right:10px;max-width:150px;width:375px}.related-product .thumb-item__info{margin-top:8px;padding:0}.related-product__product-name{display:block;color:#333;padding:0 4px 10px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}.related-product__product-name-wrapper{display:inline;overflow:hidden;white-space:nowrap}.related-product__product-name-wrapper *{white-space:nowrap}.related-product__price{display:block}.related-product__price strong{display:block;color:#333;padding:0 4px;font-size:13px;font-weight:600}.related-product__price span{display:block;padding:0 4px;font-size:12px;color:#aaa;text-decoration:line-through;font-weight:300}.product-content{margin-top:1.4285714286rem}.product-content__content-box{position:relative}.product-content__box{position:relative;padding:0.7142857143rem 1.4285714286rem}.product-content__editor-box *:not(iframe){width:auto !important}.product-content__content{background-color:#fff;margin-bottom:3.5714285714rem}.product-content__content .product-content__more-btn{background:red;margin-top:20px}.product-content__content .product-content__more-btn::before{content:"";position:absolute;right:0;bottom:50px;left:0;height:30px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff)}.product-content__content.hidden .product-content__content-box{overflow:hidden;min-height:100px;max-height:800px;margin-bottom:0}.product-content__content.hidden .product-content__more-btn{position:absolute;left:0;right:0;bottom:0;z-index:2}.product-content__empty-content{text-align:center;font-size:16px;padding:80px 0;border-bottom:1px solid var(--light-gray-border-color);color:#7d7d7d;font-weight:300}.product-content__title{font-size:1.2857142857rem;font-weight:600;margin:1.4285714286rem 0}.product-content__more-btn button{font-size:1rem;line-height:1.29;letter-spacing:-0.3px;text-align:center;display:block;position:relative;z-index:1;width:100%;height:3.5714285714rem;background:var(--whole-color);border:solid var(--default-color);border-width:1px 0;cursor:pointer}.product-content__certification{line-height:18px;font-size:12px;font-weight:400;width:100%;border:1px solid #e7e7e7;border-top:1px solid #000;margin-top:20px;padding:30px 10px;color:var(--gray-color)}.product-content__certification--duty-info dl{display:flex;margin-top:10px}.product-content__certification--duty-info dt{width:5.7142857143rem}.product-content__certification--duty-info dd{width:calc(100% - 7.8571428571rem);margin-left:0.7142857143rem}.product-content-board__tab{margin:20px 0;font-size:1.2857142857rem;font-weight:500}.product-content-board__tab span{font-size:1rem;font-weight:400;margin-left:0.7142857143rem;color:#a3a3a3;vertical-align:baseline}.kc-info{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;font-size:12px;line-height:16px;background:url(https://storefront.cdn-nhncommerce.com/copy/mall-81946/sgma202051-7088/icon_kc..jpg?a27d33a6fdb54a0dfb87) no-repeat 4px center;background-size:1.2857142857rem auto;border:1px solid var(--gray-border-color);padding:4px 4px 4px 2.1428571429rem}.kc-info.certification-no-39{background:none;padding-left:10px}.kc-info dt{width:100%}.kc-info dd{margin:0;width:100%}.empty-list{text-align:center;font-size:16px;padding:80px 0;color:var(--gray-color);border:1px solid var(--light-border-color)}.order-sheet-app-card{position:fixed;bottom:0;max-width:500px;width:100%;z-index:6;background-color:#fff;border-top:1px solid #dedede}.order-sheet-app-card__opener{position:absolute;top:-20px;left:50%;width:60px;height:20px;transform:translateX(-50%);background-color:inherit;border:solid var(--default-color);border-width:1px 1px 0;border-radius:4px 4px 0 0;font-size:20px;text-align:center}.order-sheet-app-card__opener .ico--angle-down{width:14.1666666667px;height:7.5px;background-position:-745px -100.8333333333px;background-size:760px 419.1666666667px;transform:translateY(5px) rotate(0deg)}.order-sheet-app-card__contents{max-height:500px;overflow-y:auto;padding:0 20px 20px}.order-sheet-app-card .order-product-section{border-bottom:1px solid #ececec;padding:20px 0;max-height:13.5714285714rem;overflow-y:auto}.order-sheet-app-card .order-product__content{display:flex;flex-direction:column;justify-content:center;gap:10px}.order-sheet-app-card .order-product__content:nth-child(n+1){padding-top:10px}.order-sheet-app-card .order-product__content em{font-weight:700}.order-sheet-app-card .order-product__content span+span::before{content:"|";margin:0 6px 0 4px;color:var(--default-color)}.order-sheet-app-card .order-product__name{color:#000;font-size:14px;font-weight:700}.order-sheet-app-card .order-product__option{color:#444;font-size:12px}.order-sheet-app-card .order-product__amount{font-size:14px}.order-sheet-app-card .order-product__delimiter{background-color:#dedede;width:1px;height:10.5px}.order-sheet-app-card .order-product__amount-wrap{display:flex;gap:8px;align-items:center}.order-sheet-app-card .order-product__standard-amt{text-decoration:line-through}.order-sheet-app-card .order-product__option-label{font-size:12px;color:#444}.order-sheet-app-card .shipping-address{display:flex;flex-direction:column;gap:10px}.order-sheet-app-card .shipping-address-section{border-bottom:1px solid #ececec;padding:20px 0}.order-sheet-app-card .shipping-address__order-info{display:flex;gap:10px;align-items:center}.order-sheet-app-card .shipping-address__orderer-name{color:#000;font-size:14px;font-weight:700}.order-sheet-app-card .shipping-address__address-group{color:#444;font-size:12px}.order-sheet-app-card .shipping-address__address{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;color:#444;font-size:12px}.order-sheet-app-card .app-card-payments-section{border-bottom:1px solid #ececec;padding:20px 0}.order-sheet-app-card .app-card-payments__register-form{margin-bottom:10px}.order-sheet-app-card .app-card-payments__title{color:#000;font-size:14px;font-weight:700}.order-sheet-app-card .app-card-payments__term-checker{display:flex;justify-content:space-between;align-items:start;width:100%;margin-top:10px}.order-sheet-app-card .app-card-payments__term-checker .btn{width:30px;height:100%;padding:0;border:none;color:#999;text-decoration:underline;background-color:#fff}.order-sheet-app-card .app-card-payments__pay-btn{width:100%;height:50px}.order-sheet-app-card .app-card-payments__pay-btn:disabled{cursor:none;pointer-events:none;opacity:.7}.order-sheet-app-card .total-price-section{padding:20px 0}.order-sheet-app-card .total-price__content{display:flex;justify-content:space-between;padding:23px 18px 19px;background-color:#f5f5f5;border-radius:5px}.order-sheet-app-card .total-price__content em{display:flex;justify-content:center;align-items:center}.order-sheet-app-card .total-price__content em .highlight{font-size:18px}.order-sheet-app-card .total-price__label{color:#444;font-size:14px;font-weight:500}.notice__title{display:flex;justify-content:center;align-items:center;height:80px;background-color:#eff1f5}.notice__title p{display:flex;justify-content:center;align-items:center;font-size:18px;letter-spacing:-0.39px;color:#000}.notice__list li{padding:1.45rem 1.5rem 1.5rem;border-bottom:1px solid var(--light-gray-border-color)}.notice__list li div{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.notice__list-item--locked{display:flex;align-items:end;font-size:16px}.notice__list-item--locked p{margin-left:12px}.notice__list-button{width:100%}.notice__list--empty{display:flex;justify-content:center;align-items:center;min-height:21.4285714286rem;font-size:1.2857142857rem;color:var(--gray-font-color);opacity:.6}.notice__category-label{line-height:1.25;letter-spacing:-0.28px;color:#3f444c}.notice__date{line-height:1.39;color:var(--gray-font-color)}.notice__tit{font-size:16px;line-height:1.52;display:-webkit-box;overflow:hidden;margin-top:.6rem;letter-spacing:-0.3px;color:var(--dark-gray-color);-webkit-line-clamp:2;-webkit-box-orient:vertical}.notice-detail__title-box{padding:20px 10px 20px;border-bottom:1px solid var(--light-gray-border-color)}.notice-detail__title{font-size:20px;font-weight:500;letter-spacing:-0.38px;color:var(--default-font-color);line-height:26px}.notice-detail__title span{color:var(--point-color);margin-right:10px}.notice-detail__date{font-size:1rem;margin-top:1rem;font-weight:300;color:var(--blue-gray-color)}.notice-detail__content{min-height:54%;margin-bottom:20px;padding:20px 10px 20px}.notice-detail__index{display:flex;justify-content:none;align-items:center;width:100%;padding:1rem 20px;border-top:1px solid var(--default-color);border-bottom:1px solid var(--default-color);color:var(--gray-font-color)}.notice-detail__index+.notice-detail__index{border-top:none}.notice-detail__index-angle{background-color:var(--light-gray-bg-color);display:inline-block;width:22px;height:22px;padding:4px;border-radius:50%;margin-right:12px}.notice-detail__index-title{flex:1;color:var(--blue-gray-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.notice-detail__index-text-flag{margin-right:12px}.notice-detail__index--next .notice-detail__index-angle{transform:rotate(-90deg)}.notice-detail__index--previous .notice-detail__index-angle{transform:rotate(90deg)}.go-to-list{display:flex;justify-content:center;align-items:center;opacity:.6;border:none;height:60px}.go-to-list__angle-r{width:16px;height:16px;display:inline-block;margin-left:4px}.go-to-list.go-to-list--disabled{opacity:.2}.customer-center__title{height:80px;background-color:#eff1f5;display:flex;justify-content:center;align-items:center}.customer-center__title p{font-size:18px;letter-spacing:-0.39px;color:#000}.customer-center__faq{padding:20px}.customer-center__faq li{border-bottom:1px solid var(--light-gray-border-color)}.customer-center__faq--empty{padding:20px;min-height:200px;display:flex;justify-content:center;flex-direction:column;width:100%}.customer-center__faq--empty .customer-center__faq-title,.customer-center__faq--empty .empty-list,.customer-center__faq--empty .customer-center__inquiry{width:100%}.customer-center__faq-title{font-size:20px;line-height:24px;letter-spacing:-0.04px;color:var(--default-font-color);border-bottom:1px solid var(--light-gray-border-color);padding:20px 0;text-align:center}.customer-center__all-btn{font-size:14px;line-height:52px;display:flex;align-items:center;justify-content:center;letter-spacing:0;color:var(--default-font-color);border-bottom:1px solid var(--light-gray-border-color)}.customer-center__inquiry{padding:20px}.customer-center__inquiry-button{font-size:14px;line-height:52px;display:flex;align-items:center;justify-content:center;letter-spacing:0;color:var(--default-font-color);border-radius:0;width:100%}.customer-center__information{display:flex;flex-flow:column nowrap;padding:32px 32px 16px;text-align:center;background-color:#f5f5f5}.customer-center__information p{font-size:1.1rem;line-height:2rem;margin-top:.5rem 0rem;letter-spacing:0;color:#3f3f3f}.customer-center__name{font-size:1.3rem;line-height:1.6rem;letter-spacing:0;color:#121212}.sign-in{padding:20px}.normal-sign-in__input-wrap{height:46px;margin-top:10px}.normal-sign-in__input-wrap .text-field{border:none}.normal-sign-in__input-wrap input{background:#f8f8f8}.normal-sign-in__input-wrap:first-child{margin-top:0}.normal-sign-in button{height:44px;margin-top:20px;font-size:16px;font-weight:500;background:var(--whole-color);border:1px solid var(--point-color);color:var(--default-font-color)}.sign-in-link{margin-top:10px;text-align:center}.sign-in-link__item{position:relative;width:33%;height:inherit;padding:0 10px;font-size:13px;color:#7a7a7a}.sign-in-link__item::after{content:"";position:absolute;top:3px;right:0;width:1px;height:10px;background:var(--default-color)}.sign-in-link__item:last-child::after{content:none}.guest-order-link{display:flex;justify-content:center;align-items:center;height:44px;margin-top:40px;padding:5px 0;border:1px solid #000;border-radius:4px;text-align:center;font-size:1.1428571429em}.guest-order{margin-top:40px}.guest-order__title{text-align:center;font-size:1.1428571429em}.guest-order__input-wrap{height:46px;margin-top:10px}.guest-order button{height:44px;font-size:16px;margin-top:10px}.sign-in-open-id{margin-top:70px}.open-id-sign-in__title{position:relative;text-align:center}.open-id-sign-in__title span{position:relative;display:inline-block;padding:0 10px;font-size:16px;background:var(--whole-color);z-index:1}.open-id-sign-in__title::after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--light-gray-border-color);z-index:0}.open-id-sign-in__list{margin-top:25px}.open-id-sign-in__item{margin-top:15px}.open-id-sign-in__item button{display:block;width:100%;height:47px;margin:0 auto;font-size:16px;text-align:center;color:#fff;background-color:var(--point-color);border:none}.open-id-sign-in__item button span{display:inline-block;margin-right:5px;font-weight:700}.open-id-sign-in__item.type-payco button{background-color:#fa2829;color:#fff}.open-id-sign-in__item.type-naver button{background-color:#1fd771;color:#fff}.open-id-sign-in__item.type-line button{background-color:#06c755;color:#fff}.open-id-sign-in__item.type-facebook button{background-color:#3b5998;color:#fff}.open-id-sign-in__item.type-kakao-sync button{background-color:#fee500;color:var(--black-color)}.open-id-sign-in__item.type-kakao button{background-color:#fee500;color:var(--black-color)}.open-id-sign-in__item.type-google button{background-color:#fff;border:solid 1px #dedede;color:var(--black-color)}.open-id-sign-in__item.type-apple button{background-color:#000;color:#fff}.open-id-sign-in__item.type-app-card button{background-color:#fff;border:solid 1px #dedede;color:var(--black-color)}.open-id-agreement-form{padding:30px 20px}.open-id-agreement-form__checkbox--check-all{display:flex;justify-content:center;align-items:center;font-size:16px;height:60px;border:1px solid var(--default-color)}.open-id-agreement-form__checkbox--check-all label{font-weight:700}.open-id-agreement-form__agree-list{margin-top:20px}.open-id-agreement-form__agree-list li:not(:first-child){margin-top:5px}.open-id-agreement-form__checkbox--check-single{display:flex;justify-content:space-between;align-items:center}.open-id-agreement-form__checkbox--check-single button{width:auto;padding:0;margin-top:0;font-weight:300;border:none;color:var(--gray-font-color);-webkit-text-decoration:1px underline;text-decoration:1px underline}.open-id-agreement-form__confirm{margin-top:36px}.open-id-agreement-form__confirm button{display:flex;justify-content:center;align-items:center;font-size:16px;height:60px;width:100%;color:#fff;background-color:var(--point-color);border:1px solid var(--point-color)}.sign-up-kakaosync{margin:20px 10px 10px}.sign-up-kakaosync__sub-title{font-size:1.2142857143rem;text-align:center;font-weight:700}.sign-up-kakaosync__sign-up-info{margin-top:15px;padding:10px 15px;background:#eee;text-align:center}.sign-up-kakaosync__sign-up-info span+span{margin-left:10px}.sign-up-kakaosync__conversion-section{margin-top:20px}.sign-up-kakaosync__conversion-section p{font-size:1.0714285714rem;text-align:center;line-height:1.3}.sign-up-kakaosync__conversion-section p strong{color:var(--caution-color)}.sign-up-kakaosync__conversion-section button{margin-top:15px;padding:10px 0;background:var(--black-color);color:#fff}.sign-up-kakaosync__input-wrap{height:44px;margin-top:6px}.sign-up-kakaosync__input-wrap:first-child{margin-top:20px}.sign-up-kakaosync__sign-up-section{margin-top:20px}.sign-up-kakaosync__sign-up-section p{font-size:1.0714285714rem;text-align:center}.sign-up-kakaosync__sign-up-section button{margin-top:10px;padding:10px 0;background:#fee102;border:1px solid #fee102;color:#000}.faq__search{background-color:#f4f6f8;display:flex;padding:18px 10px}.faq__search .text-field{margin-right:10px;border-radius:4px}.faq__search .text-field input{background-color:#fff}.faq__search .btn{width:60px}.faq .faq-list{margin-top:30px;border-top:1px solid var(--light-gray-border-color)}.sign-up-form{padding:20px}.sign-up-form__item{margin-top:30px}.sign-up-form__item:first-child{margin-top:0}.sign-up-form__item-extra-info-name{line-height:20px}.sign-up-form__tit{display:flex;align-items:center;gap:5px;font-weight:500;color:var(--black-color)}.sign-up-form .required{width:5px;height:5px;flex:none;background-color:var(--caution-color)}.sign-up-form__input-wrap{margin-top:11px}.sign-up-form__input-wrap .text-field input{height:44px}.sign-up-form__input-wrap .select-box select{display:flex;justify-content:center;align-items:center;height:44px;padding:12px 40px 11px 10px}.sign-up-form__input-wrap>.select-box{margin-top:6px}.sign-up-form__input-wrap .phone-number-input+.btn--default,.sign-up-form__input-wrap .text-field+.btn--default{height:44px;margin-top:6px}.sign-up-form__input-wrap .birthday-input{display:flex;justify-content:center;align-items:center;gap:20px}.sign-up-form__input-wrap .birthday-input .select-box{border:1px solid var(--default-color)}.sign-up-form__input-wrap .sex-input{display:flex;gap:20px}.sign-up-form__input-wrap .address-form{margin-top:11px}.sign-up-form__input-wrap .address-form.global-form{margin-top:10px}.sign-up-form__input-wrap .address-form__zip-code{display:flex;gap:10px;align-items:center}.sign-up-form__input-wrap .address-form__zip-code>.text-field,.sign-up-form__input-wrap .address-form__zip-code>.btn{width:130px;margin-top:0px}.sign-up-form__input-wrap .address-form>.text-field{margin-top:10px}.sign-up-form__input-wrap .extra-info-radio-group,.sign-up-form__input-wrap .extra-info-checkbox-group{display:flex;flex-wrap:wrap;gap:20px}.sign-up-form__input-wrap.global-name-field{display:flex;gap:10px}.sign-up-form__agree-wrap{margin:30px 0 11px}.sign-up-form__checkbox--all{display:flex;justify-content:center;align-items:center;height:56px;font-size:15px;border:1px solid var(--default-color)}.sign-up-form__agree-list{margin-top:15px}.sign-up-form__agree-list li:not(:first-child){margin-top:10px}.sign-up-form__checkbox--partial{display:flex;justify-content:space-between;align-items:center}.sign-up-form__checkbox--partial button{width:auto;padding:0;margin-top:0;font-weight:300;border:none;color:var(--gray-font-color);-webkit-text-decoration:1px underline;text-decoration:1px underline}.sign-up-form__confirm{margin-top:36px}.sign-up-form__confirm button{width:100%;display:flex;justify-content:center;align-items:center;height:53px;font-size:16px;color:#fff;background-color:var(--point-color)}.sign-up-form .authentication-btn{height:44px}.marketing-receive-agreement{display:flex;flex-direction:column}.marketing-receive-agreement__item{margin-top:10px}.marketing-receive-agreement__sub-list{display:flex;flex-direction:column;gap:8px;padding-left:20px}.marketing-receive-agreement__sub-item{display:flex;flex-direction:column;gap:8px}.marketing-receive-agreement__sub-item-result{padding-left:26px}.notice-list__item{position:relative;padding-left:20px;line-height:1.2;font-weight:300;font-size:13px;color:var(--gray-font-color)}.notice-list__item::before{position:absolute;left:4px;content:"-";color:var(--default-color)}.description{margin-top:5px;margin-bottom:5px;font-size:12px}.description.alert{color:var(--caution-color)}.timer{display:inline-block;margin-top:12px;font-size:12px}.timer__text{margin-right:5px}.timer__middle-sign{display:inline-block;margin:0 5px}.sign-up-menu{padding:20px}.sign-up-menu__link-normal a{display:block;display:flex;justify-content:center;align-items:center;height:47px;margin:0 auto;font-size:16px;color:var(--black-color);border:1px solid var(--point-color)}.sign-up-menu__link-open-id{margin-top:70px}.sign-up-confirm{display:flex;justify-content:center;align-items:center;padding:20px;flex-direction:column;padding-top:2.8571428571rem}.sign-up-confirm__icon-check{width:140px;height:140px;display:inline-block}.sign-up-confirm__notice-confirm{font-size:1.7142857143rem}.sign-up-confirm__notice-description{margin-top:1.7142857143rem;color:var(--gray-font-color);text-align:center;font-size:1rem;line-height:1.7142857143rem}.sign-up-confirm__nav{display:flex;justify-content:center;align-items:center;margin-top:2.2857142857rem;gap:12px}.sign-up-confirm__nav li{padding:1.1428571429rem 3.2857142857rem;font-size:1rem;border-style:solid;border-width:1px}.sign-up-confirm__nav-home{border-color:var(--light-blue-gray-border-color)}.sign-up-confirm__nav-sign-in{background:var(--blue-gray-color);color:#fff;border-color:var(--blue-gray-color)}.not-found{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:12.8571428571rem;padding:20px}.not-found p{margin-bottom:1.4285714286rem;text-align:center;font-size:1.4285714286rem}.not-found__title{font-size:2.4285714286rem !important;font-weight:600}.not-found__btns{display:flex;justify-content:center;align-items:center;width:100%;margin-top:3.5714285714rem}.not-found__btns button{height:4.2857142857rem;width:35%}.my-info{padding:15px 20px;background-color:#3f444c;color:#fff}.my-info__summary{display:flex;justify-content:space-between;align-items:flex-end}.my-info__member-benefit{display:flex;justify-content:flex-end;align-items:center;width:80px;height:30px;border-radius:0}.my-info__member-benefit-icon{width:20px;height:20px}.my-info__greeting{display:flex;gap:4px;margin-bottom:10px;font-size:1.8571428571rem;line-height:2.2857142857rem}.my-info__member-grade-img-container{width:24px}.my-info__member-grade-img-container+span>p{display:flex;align-items:center;gap:4px}.my-info__member-grade-img-container+span>p:first-child{margin-inline-start:-28px}.my-info__member-type{font-size:0.8571428571rem}.my-coupon-data{display:flex;justify-content:space-between;align-items:center;color:#777;font-size:0.8571428571rem;text-align:center}.my-coupon-data__link{position:relative;flex:1;display:block;padding:15px 5px}.my-coupon-data__link::before{position:absolute;top:50%;left:0;width:1px;height:20px;content:"";transform:translateY(-50%);background-color:var(--default-color)}.my-coupon-data__link:first-child::before{content:none}.my-coupon-data__num{display:block;margin-top:5px;font-weight:bold;color:var(--default-font-color);font-size:1.3571428571rem}.my-orders{display:flex;justify-content:center;align-items:center;padding:20px;background-color:var(--empty-color)}.my-orders__link{position:relative;flex:1;padding:1.0714285714rem 1.4285714286rem;background-color:#fff;text-align:center}.my-orders__link+.my-orders__link::before{position:absolute;top:50%;left:0;width:1px;height:15px;content:"";transform:translateY(-50%);background-color:var(--default-color)}.my-link{position:relative;display:block;padding:20px;color:var(--default-font-color)}.my-link+.my-link{border-top:1px solid var(--light-gray-border-color)}.my-link__ico{position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(-90deg)}.my-membership{display:flex;justify-content:center;align-items:center;padding:20px;gap:12px}.my-membership__btn{display:flex;justify-content:center;align-items:center;height:40px}.my-grade{padding:0 20px 20px;line-height:28px;overflow-y:auto;min-width:370px;max-height:calc(100vh - 60px)}.my-grade__title{margin:20px 0 12px 0;font-size:16px}.my-grade dl{display:flex;justify-content:flex-start;align-items:flex-start;border-top:1px solid var(--light-gray-border-color);color:var(--gray-font-color)}.my-grade dl dt{width:104px;padding:8px 0}.my-grade dl dd{border-left:1px solid var(--light-gray-border-color);padding-left:6px;overflow-x:auto;padding:8px 0 8px 8px;flex:1}.profile-product-review__tabs{height:4.2857142857rem;background-color:var(--blue-gray-color)}.profile-product-review__tabs li{position:relative}.profile-product-review__tabs li:not(:first-child):before{content:"";display:block;width:1px;height:1.2rem;background-color:#5f656e;position:absolute;top:50%;left:0;transform:translateY(-50%)}.profile-product-review__tabs button{font-size:1.1428571429rem;font-weight:400}.profile-product-review .tabs__item{border:none}.profile-product-review .tabs__item.on{color:#fff}.profile-product-review__list{padding:20px}.profile-product-review__list-item{padding:20px;border:1px solid var(--gray-border-color)}.profile-product-review__register-button{height:40px;border-radius:0}.profile-product-review__list-item+.profile-product-review__list-item{margin-top:20px}.personal-inquiry{padding:20px}.personal-inquiry .inquiry-list__empty{text-align:center;color:var(--default-font-color);font-size:16px;line-height:32px;padding:58px 0 160px}.personal-inquiry .ico--exclamation-white-bg{width:58.75px;height:58.75px;background-position:-413.75px -27.5px;background-size:570px 314.375px}.personal-inquiry .inquiry-list__empty-notes{display:block;color:#7d7d7d;padding:5px 0 18px 0;font-weight:300}.personal-inquiry__registration-button{border-radius:0;height:60px;font-size:16px;margin:20px 0}.personal-inquiry .inquiry-item{padding-bottom:20px}.personal-inquiry .inquiry-item .badge{font-size:12px;line-height:12px;display:inline-flex;align-items:center;justify-content:center;padding-block:5px;padding-inline:10px;font-weight:700}.personal-inquiry .inquiry-item__top{display:flex;justify-content:space-between;align-items:center}.personal-inquiry .inquiry-item__top-writer span+span::before{content:"|";margin:0 6px 0 4px}.personal-inquiry .inquiry-item__top-writer .inquiry-item__date{display:inline}.personal-inquiry .inquiry-item__bottom{display:flex;gap:17px;text-decoration:none}.personal-inquiry .inquiry-item__bottom img{flex:none;width:80px;height:80px}.personal-inquiry .inquiry-item__inquiry-info{padding:10px 0;flex:1}.personal-inquiry .inquiry-item__inquiry-info-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}.personal-inquiry .inquiry-item__inquiry-type{color:var(--gray-color);padding:3px 0}.personal-inquiry .inquiry-item__inquiry-title{font-weight:normal;color:var(--color-base-black)}.personal-inquiry .inquiry-item__reply{display:flex;gap:15px;padding:20px;border-top:1px;border-bottom:1px;border:1px solid var(--semi-light-gray-border-color);background-color:var(--light-gray-bg-color)}.personal-inquiry .inquiry-item__reply-content p{max-height:254px;overflow-y:auto;padding-bottom:20px;white-space:pre-line}.personal-inquiry .inquiry-item__reply-content .inquiry-item__top-writer{margin-bottom:15px}.personal-inquiry .inquiry-item__reply-image-list{border:none;display:flex;width:100%;gap:5px 10px;flex-wrap:wrap}.personal-inquiry .inquiry-item__reply .article-view__content--attach{display:flex;flex-direction:column;gap:10px}.personal-inquiry .inquiry-item__reply .article-view__content--attach-file-name{cursor:pointer}.personal-inquiry .inquiry-item__reply .reply-icon{flex:none;width:30px;height:30px;background-color:#3f434c;border-radius:50%;color:#fff;text-align:center;line-height:28px}.personal-inquiry .inquiry-item__reply .reply-icon--question{background-color:#3f434c}.personal-inquiry .inquiry-item__reply .reply-icon--answer{background-color:var(--point-color)}.personal-inquiry-form{padding:20px}.personal-inquiry-detail__btn-group{margin-top:20px}.personal-inquiry-detail__btn-group.inquiry-actions{display:flex;justify-content:flex-end;gap:5px}.personal-inquiry-detail__btn-group.inquiry-actions .btn{width:max-content;padding:10px;border-radius:0}.personal-inquiry-detail__list-btn{height:40px;border-radius:0}.profile-list{padding:20px}.profile-list__total-count{font-size:1.2857142857rem;margin-bottom:20px}.profile-list__count-unit{font-size:1rem;vertical-align:bottom}.profile-list__count{color:var(--point-color);font-weight:bold}.profile-list__empty{text-align:center;padding-top:20px;font-size:1.1428571429rem;color:var(--gray-font-color);opacity:.6}.my-page-accumulation{padding:20px}.my-page-accumulation__amount{margin:2.8571428571rem auto;text-align:center;font-size:1.2857142857rem;color:var(--default-font-color)}.my-page-accumulation__amount span{display:inline-block;margin-left:6px;margin-right:3px;color:var(--point-color)}.my-page-accumulation__accumulation-point--subtraction{color:var(--gray-font-color)}.my-page-accumulation__list{margin-top:20px}.my-page-accumulation__list--empty{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:var(--gray-color)}.my-page-accumulation__item{margin-top:20px;border:1px solid var(--gray-border-color);padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:var(--blue-gray-color)}.my-page-accumulation__reason-detail{margin:20px;font-size:1.2857142857rem;text-align:center}.my-page-accumulation__accumulation-amount{color:var(--point-color);text-align:end}.my-page-accumulation__accumulation-unit{margin-left:2px;font-size:0.7142857143rem;vertical-align:bottom;color:var(--blue-gray-color)}.my-page-accumulation__date{font-size:0.8571428571rem}.my-page-accumulation__date--expire{margin-top:12px;text-align:center}.my-page-coupon__tabs{height:4.2857142857rem;background-color:var(--blue-gray-color)}.my-page-coupon__tabs li{position:relative}.my-page-coupon__tabs li:not(:first-child):before{content:"";display:block;width:1px;height:1.2rem;background-color:#5f656e;position:absolute;top:50%;left:0;transform:translateY(-50%)}.my-page-coupon__tabs button{font-size:1.1428571429rem;font-weight:400}.my-page-coupon .tabs__item{border:none}.my-page-coupon .tabs__item.on{color:#fff}.my-page-coupon__wrap{padding:20px}.my-page-coupon__count{display:flex;justify-content:center;align-items:center;margin:2.8571428571rem auto;font-size:1.2857142857rem;text-align:center;color:var(--default-font-color)}.my-page-coupon__count span{display:inline-block;margin-left:6px;margin-right:3px;color:var(--point-color)}.my-page-coupon__registration-button{margin-top:12px;height:60px;font-size:16px}.my-page-coupon__list{margin-top:24px}.my-page-coupon__list-title{margin:2.8571428571rem -20px 20px;text-align:center;height:60px;font-size:16px}.my-page-coupon__list-item{position:relative}.my-page-coupon__list-item::before,.my-page-coupon__list-item::after{position:absolute;left:0;width:100%;height:1.4285714286rem;content:"";z-index:1;color:var(--whole-color);background:var(--whole-color)}.my-page-coupon__list-item::before{top:-1.4285714286rem}.my-page-coupon__list-item::after{bottom:-1.4285714286rem}.my-page-coupon__discounted-price{font-size:28px;color:var(--point-color);font-weight:bold;margin-top:0.8571428571rem}.my-page-coupon__unit{font-weight:600;vertical-align:baseline;display:inline-block;margin-left:2px;margin-right:6px}.my-page-coupon__content{margin-top:14px;font-size:14px;line-height:22px}.my-page-coupon__content p{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}.my-page-coupon__name{font-weight:500;font-size:16px;color:var(--blue-gray-color)}.my-page-coupon__constraint{color:var(--gray-color)}.my-page-coupon__date{margin-top:12px;font-size:12px;color:var(--gray-color)}.my-page-coupon__list-item+.my-page-coupon__list-item{margin-top:24px}.my-page-coupon__box{display:flex;flex-direction:row;border:1.4px solid var(--point-color);border-radius:0.8571428571rem}.my-page-coupon__box--left{display:flex;justify-content:space-between;align-items:none;flex-direction:column;width:calc(100% - 64px);padding:20px}.my-page-coupon__box--right{display:flex;justify-content:center;align-items:center;padding:20px;font-size:1.4285714286rem;letter-spacing:0.5714285714rem;min-width:64px;background:var(--point-color);position:relative;border-top-right-radius:0.8571428571rem;border-bottom-right-radius:0.8571428571rem;writing-mode:vertical-rl;text-orientation:mixed;color:#fff;border-left:dashed}.my-page-coupon__box--right::before,.my-page-coupon__box--right::after{width:24px;height:24px;content:"";border-radius:50%;background-color:var(--whole-color);border:1.4px solid var(--point-color)}.my-page-coupon__box--right::before{position:absolute;top:-0.8571428571rem;left:-0.8571428571rem}.my-page-coupon__box--right::after{position:absolute;bottom:-0.8571428571rem;left:-0.8571428571rem}.my-page-coupon__list-item--unissuable .my-page-coupon__name,.my-page-coupon__list-item--unissuable .my-page-coupon__content,.my-page-coupon__list-item--unissuable .my-page-coupon__discounted-price,.my-page-coupon__list-item--unissuable .my-page-coupon__date{color:var(--default-color)}.my-page-coupon__list-item--unissuable .my-page-coupon__box{border:1.4px solid var(--default-color)}.my-page-coupon__list-item--unissuable .my-page-coupon__box--right{background-color:var(--default-color)}.my-page-coupon__list-item--unissuable .my-page-coupon__box--right::before,.my-page-coupon__list-item--unissuable .my-page-coupon__box--right::after{border:1.4px solid var(--default-color)}.my-page-coupon__empty-list{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:var(--gray-color)}.coupon-registration-modal{min-width:25.7142857143rem;min-height:15.7142857143rem}.coupon-registration-modal .title-modal__content{padding:20px}.my-page-coupon-registration__title{margin:20px 0}.my-page-coupon-registration .text-field{margin-top:1.2857142857rem;height:40px}.my-page-coupon-registration__buttons{display:flex;justify-content:space-between;align-items:center;margin-top:2.8571428571rem;gap:1.1428571429rem}.my-page-coupon-registration__buttons button{height:42px;font-size:12px}.profile-like{padding:20px}.profile-like__total-count{margin:20px 0;font-size:1.2857142857rem}.profile-like__count{margin-left:4px;color:var(--point-color)}.profile-like__list{margin-top:20px}.profile-like__list-item{margin-top:20px;padding:20px;border:1px solid var(--light-blue-gray-border-color)}.profile-like__list-item .product-thumb-item{background:var(--empty-color);padding:20px}.profile-like__buttons{display:flex;gap:0.8571428571rem;height:2.2857142857rem;margin-top:20px}.profile-like__buttons button{border-radius:0;font-size:12px}.profile-like__empty-list{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:18px;color:var(--gray-color)}.profile-like__amount-list{width:100%}.profile-like__amount-item{display:flex;justify-content:flex-start;align-items:baseline}.profile-like__amount-item span{font-size:0.8571428571rem}.profile-like__amount-item del{margin-left:6px;font-size:0.7142857143rem;text-decoration:line-through;color:var(--gray-font-color)}.profile-shipping-address{padding:20px}.profile-shipping-address__total-count{margin:20px 0;font-size:1.2857142857rem}.profile-shipping-address__count{font-size:1rem;vertical-align:bottom}.profile-shipping-address__count span{margin-left:4px;color:var(--point-color)}.profile-shipping-address__list--empty{display:flex;justify-content:center;align-items:center;min-height:12.8571428571rem;font-size:1.2857142857rem;color:var(--default-color)}.profile-shipping-address__list{margin:20px 0}.profile-shipping-address__list-item{display:flex;justify-content:none;align-items:none;flex-direction:column;margin-top:20px;gap:0.5714285714rem;position:relative;padding:20px;border:1px solid var(--light-blue-gray-border-color);line-height:18px;color:var(--dark-gray-color)}.profile-shipping-address__name{padding-right:8.5714285714rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}.profile-shipping-address__buttons--sm{position:absolute;top:20px;right:20px;display:flex;gap:0.4285714286rem}.profile-shipping-address__buttons--sm button{border-radius:0;padding:4px 8px}.profile-shipping-address__registration-button{height:60px;font-size:18px;border-radius:0}.profile-shipping-address__form{padding:20px}.my-page__total-count{font-size:1.2857142857rem;margin-bottom:20px}.my-page__count{margin-left:6px;font-size:1rem;vertical-align:bottom}.my-page__count span{color:var(--point-color);font-weight:bold}.password-authentication{margin:20px 0;padding:0 20px}.password-authentication__info-text{text-align:center}.password-authentication__button-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.password-authentication__button-wrap button{width:40%;height:42px}.password-authentication__button-wrap .verification{border:1px solid var(--point-color)}.password-authentication-form__item{margin-top:20px}.password-authentication-form__input-wrap{margin-top:6px}.password-authentication-form__input-wrap input{height:42px}.member-modification-name{height:76px;line-height:76px;padding:0 20px;background:var(--whole-color)}.member-modification-name p{font-size:18px;font-weight:500;color:#222}.member-modification-name span{margin-left:5px;font-size:13px}.member-modification-form{padding:0 20px 35px}.member-modification-form__item{margin-top:20px}.member-modification-form__item-extra-info-name{line-height:20px}.member-modification-form__item .select-field>select{padding:13px 10px 11px 10px}.member-modification-form__input-wrap{margin-top:8px}.member-modification-form__input-wrap input{height:42px}.member-modification-form__input-wrap select{padding:13px 10px 11px 10px}.member-modification-form__input-wrap .email-input+.select-box{margin-top:8px}.member-modification-form__input-wrap .extra-info-radio-group,.member-modification-form__input-wrap .extra-info-checkbox-group{display:flex;flex-wrap:wrap;gap:15px}.member-modification-form__input-wrap.global-name-field{display:flex;gap:10px}.member-modification-form__radio-field{margin-top:27px}.member-modification-form__radio-field input{height:16px}.member-modification-form__radio-field .radio-field__content{display:flex;justify-content:space-between;align-items:center}.member-modification-form__radio-field .radio-field__content .member-modification-form__input-wrap{margin-top:0}.member-modification-form__radio-field .radio-field__content .check-radio+.check-radio{margin-left:35px}.member-modification-form__description{display:inline-block;margin-top:8px;font-size:12px;color:var(--light-blue-gray-color)}.member-modification-form__tit{display:flex;align-items:center;gap:5px;font-weight:500;color:var(--black-color)}.member-modification-form .required{width:5px;height:5px;flex:none;background-color:var(--caution-color)}.member-modification-form .birthday-input{display:flex;justify-content:center;align-items:center;gap:20px}.member-modification-form .birthday-input .select-box{border:1px solid var(--default-color)}.member-modification-form .sex-input{display:flex;gap:20px}.member-modification-form .address-form{margin-top:8px}.member-modification-form .address-form input{height:42px}.member-modification-form__button-wrap{margin-top:35px}.member-modification-form__button-wrap button{height:44px;background:var(--point-color);border:1px solid var(--point-color);color:#fff;border-radius:0}.member-modification-form__btn--certificate{height:42px;margin-top:8px}.member-modification-form__agree-wrap{margin:20px 0 0}.member-modification-form__checkbox--check-all{display:flex;justify-content:center;align-items:center;font-size:16px;height:60px;border:1px solid var(--default-color)}.member-modification-form__checkbox--check-all label{font-weight:700}.member-modification-form__agree-list{margin-top:20px}.member-modification-form__agree-list li:not(:first-child){margin-top:5px}.member-modification-form__checkbox--check-single{display:flex;justify-content:space-between;align-items:center}.member-modification-form__checkbox--check-single button{width:auto;padding:0;margin-top:0;font-weight:300;border:none;color:var(--gray-font-color);-webkit-text-decoration:1px underline;text-decoration:1px underline}.receive-agreement-time{margin-top:5px;font-size:13px}.description{margin-top:5px;font-size:12px}.description.alert{color:var(--caution-color)}.cart{line-height:1.5em}.cart .check-radio>input{width:18px;height:18px;margin-right:8px}.cart__select-manager{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.cart__check-all-btn,.cart__delete-selected-btn{display:flex;justify-content:start;align-items:center;gap:4px;height:32px}.cart__check-all-btn--delivery-group{padding:26px 20px;font-size:16px;font-weight:700}.cart__checked-amt{color:var(--gray-color)}.cart__delete-selected-btn{display:flex;justify-content:center;align-items:center;height:32px;color:var(--gray-color)}.cart__delete-selected-btn .icon-btn{width:12px;height:12px}.cart__empty{display:flex;justify-content:center;align-items:center;padding:23px;font-weight:700}.cart__delivery-section .cart__product{border-top:2px solid var(--empty-color)}.cart__quantity-controller{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:15px;padding:20px;margin-top:10px;background-color:var(--empty-color)}.cart__quantity-controller p:not(.cart__product-option){display:flex;justify-content:space-between;align-items:center;width:100%}.cart__product{display:flex;justify-content:stretch;align-items:start;padding:15px 20px}.cart__product .thumb-item{padding:0}.cart__product-detail{width:100%}.cart__product-option{display:flex;justify-content:space-between;align-items:start;font-size:12px;width:100%;gap:10px}.cart__product-option .option-label{color:var(--black-color)}.cart__product-option .icon-btn{flex:none;margin-top:4px;width:12px;height:12px}.cart__product-price{display:flex;justify-content:center;align-items:center;font-size:16px;gap:8px}.cart__product-price .icon-btn{width:12px;height:12px}.cart__product-pay-info{display:flex;justify-content:space-between;align-items:center}.cart__product-pay-info .btn{width:120px;height:40px;border:none;border-radius:5px 5px 5px 0;background-color:var(--point-color);color:#fff}.cart__delete-btn{display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer}.cart__delete-btn::before,.cart__delete-btn::after{position:absolute;content:"";width:16px;padding:1px;background-color:var(--default-color)}.cart__delete-btn::after{transform:rotateZ(45deg)}.cart__delete-btn::before{transform:rotateZ(-45deg)}.cart__payment-info{padding:20px}.cart__mileage{display:flex;justify-content:end;align-items:center;font-size:12px}.cart__mileage em{font-weight:700}.cart__order-btn{margin-top:20px;border:none;border-radius:0;height:45px;background-color:var(--point-color);color:#fff}.cart__fixed-order-btn{display:flex;justify-content:space-between;align-items:center;position:fixed;background-color:#fff;bottom:0;width:100%;max-width:500px;min-width:375px;border-top:1px solid var(--light-gray-border-color);padding:14px}.cart__fixed-order-btn .cart__order-btn{margin-top:0}.cart__fixed-summary{width:250px;display:flex;flex-direction:column}.cart__fixed-summary em{color:var(--point-color)}.cart__fixed-summary strong{font-size:20px;font-weight:700}.cart__fixed-summary-label{font-size:12px}.cart__fixed-summary-number{margin-left:4px;color:var(--gray-color)}.cart__naver-pay-btn{margin:20px 10px}.member-withdrawal{padding:20px}.member-withdrawal__terms-content{overflow:auto;min-height:100px;max-height:250px;margin-top:12px;padding:17px 14px;border:1px solid var(--default-color)}.member-withdrawal__check-wrap{display:flex;justify-content:center;align-items:center;margin-top:30px}.member-withdrawal__check-wrap .checkbox-text{line-height:1.2}.member-withdrawal__btn-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.member-withdrawal__btn-wrap button{width:49%;height:47px;color:#fff;font-size:14px}.member-withdrawal__btn-wrap .apply{border-color:var(--point-color);background-color:var(--point-color)}.member-withdrawal__btn-wrap .cancel{border-color:#3f444c;background-color:#3f444c}.member-withdrawal-form{padding:22px;background-color:#f5f6f8;border-radius:8px}.member-withdrawal-form__item+.member-withdrawal-form__item{margin-top:12px}.member-withdrawal-form__tit+.member-withdrawal-form__input-wrap{margin-top:8px}.member-withdrawal-form__input-wrap input{height:42px;background-color:#fff}.member-withdrawal-form__input-wrap textarea{width:100%;min-height:68px;padding:17px 14px;border:1px solid var(--default-color);background-color:#fff}.open-id-authentication{padding:20px;text-align:center}.open-id-authentication__info-text{line-height:1.2;font-size:15px}.open-id-authentication__link{margin-top:20px}.order-confirm{line-height:1.5em}.order-confirm .accordion__title{font-size:16px}.order-confirm__item-title{font-size:16px;padding:20px;border-bottom:1px solid var(--default-color)}.order-confirm__hero{margin-bottom:20px}.order-confirm__hero .ico--delivery{width:114.6666666667px;height:82px;background-position:0px 0px;background-size:608px 335.3333333333px}.order-confirm__message{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;font-size:1.2em;padding:40px 20px}.order-confirm__sub-message{font-size:12px;color:var(--gray-color)}.order-confirm__sub-message--fail{font-size:16px;padding:30px;margin:30px 0;line-height:30px}.order-confirm__order-no{font-size:12px;color:var(--gray-color);padding:4px 12px;margin-top:10px;border-radius:20px;background-color:var(--empty-color)}.order-confirm__order-no .bold{color:var(--blue-gray-color)}.order-confirm__product-table .accordion__items{padding:0 20px}.order-confirm__product-table-tit{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:20px}.order-confirm__product-table-amt{font-size:12px}.order-confirm__product-table-amt span+span::before{content:"|";margin:0 6px 0 4px;color:var(--default-color)}.order-confirm__btn-group{display:flex;justify-content:center;align-items:center;padding:20px;gap:6px}.order-confirm__btn-group .btn{height:50px;border-radius:0}.order-confirm__continue-btn{background-color:var(--point-color);color:#fff;border:none}.order-confirm__go-home-btn{background-color:var(--blue-gray-color);color:#fff;border:none}.find-id{margin-top:30px;padding:0 20px}.find-id__tit{font-size:1.6428571429rem}.find-id .tabs{margin-top:27px}.find-id .tabs__item{background-color:#f8f8f8;border-top:1px solid #f8f8f8;border-bottom:none}.find-id .tabs__item button{color:#40434a;font-weight:400;font-size:1rem}.find-id .tabs__item.on{background-color:#fff;border-top:1px solid #40434a;border-bottom:none}.find-id-form{margin-top:18px}.find-id-form .find-id-form__item+.find-id-form__item{margin-top:8px}.find-id-form__input-wrap .text-field{border:none}.find-id-form__input-wrap input{background-color:#f8f8f8;height:47px}.find-id-form__input-wrap .select-box{border:none}.find-id-form__input-wrap select{background-color:#f8f8f8;padding:17px 40px 17px 10px}.find-id-form__input-wrap .email-input+.select-box{margin-top:8px}.find-id-form__btn-wrap{margin-top:30px}.find-id-form__btn-wrap button{height:44px;border:1px solid var(--point-color);border-radius:0}.find-id-form__caution{margin-top:30px;text-align:center;font-size:1rem;color:var(--caution-color)}.find-id-result{height:80vh;margin-top:30px;padding:0 10px}.find-id-result__tit{font-size:1.1428571429rem}.find-id-result__id-text{margin-top:23px;padding:15px 0;text-align:center;background-color:#f8f8f8;color:#000;font-weight:500;font-size:1rem}.find-id-result__dormant-text{margin-left:10px}.find-id-result__link-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:60px}.find-id-result__link{display:inline-block;width:40%;height:44px;line-height:3rem;text-align:center}.find-id-result__link--password{border:1px solid var(--black-color)}.find-id-result__link--login{border:1px solid var(--point-color)}.find-password{margin-top:30px;padding:0 20px}.find-password__tit{font-size:1.6428571429rem}.find-password .tabs{margin-top:27px}.find-password .tabs__item{background-color:#f8f8f8;border-top:1px solid #f8f8f8;border-bottom:none}.find-password .tabs__item button{color:#40434a;font-weight:400;font-size:1rem}.find-password .tabs__item.on{background-color:#fff;border-top:1px solid #40434a;border-bottom:none}.find-password-form{margin-top:18px}.find-password-form__input-wrap .text-field{border:none}.find-password-form__input-wrap input{background-color:#f8f8f8;height:47px}.find-password-form__btn-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.find-password-form__btn-wrap a{width:40%;height:44px;display:flex;justify-content:center;align-items:center;padding:0.3571428571em 0;font-size:1em;text-align:center;border:1px solid var(--black-color)}.find-password-form__btn-wrap button{width:40%;height:44px;border:1px solid var(--point-color);border-radius:0}.find-password-form__caution{margin-top:30px;text-align:center;font-size:1rem;color:var(--caution-color)}.find-password-authentication{height:80vh;margin-top:30px;padding:0 10px}.find-password-authentication__tit{font-size:1.1428571429rem;text-align:center}.find-password-authentication__input-wrap{margin-top:18px}.find-password-authentication__input-wrap input{height:47px}.find-password-authentication__caution{margin-top:12px;text-align:center;color:var(--caution-color)}.find-password-authentication__btn-wrap{margin-top:18px}.find-password-authentication__btn-wrap button{height:44px;border:1px solid var(--black-color);border-radius:0}.find-password-authentication .timer{display:flex;justify-content:flex-end;align-items:center;margin-top:8px}.change-password{margin-top:30px;padding:0 20px}.change-password__tit{text-align:center;font-size:1.2857142857rem}.change-password-form{margin-top:30px}.change-password-form__input-wrap input{height:47px}.change-password-form .change-password-form__item+.change-password-form__item{margin-top:12px}.change-password-form__btn-wrap{margin-top:20px}.change-password-form__btn-wrap button{height:44px;border-radius:0}.change-password-form__caution{margin-top:12px;font-size:13px;color:var(--caution-color)}.change-password-confirm{margin-top:30px}.change-password-confirm__tit{font-size:18px;text-align:center}.change-password-confirm__link-wrap{margin-top:30px;text-align:center}.change-password-confirm__link-wrap a{display:block;width:80%;margin:0 auto;padding:10px 0;border:1px solid var(--black-color)}.claim{background-color:var(--empty-color);line-height:1.5em}.claim .select-box{display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid var(--default-color);height:44px}.claim .select-box select{padding-left:16px;font-size:14px}.claim .select-box select:has(option[value=""]:checked){color:var(--gray-color)}.claim .text-field{height:44px}.claim .text-field input{padding-left:16px}.claim__toggle-all-btn{border:none;width:inherit;color:var(--default-color);font-weight:100;font-size:12px}.claim__section{padding:0 20px}.claim__section+.claim__section{margin-top:40px}.claim__section--no-padding{padding:0;background-color:#fff}.claim__section--no-padding .claim__title{padding:20px;border-bottom:1px solid var(--default-color);margin-bottom:0}.claim__title{font-size:18px;font-weight:500;margin-bottom:16px}.claim__sub-title{font-size:16px;margin:20px 0 10px}.claim__products{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px;flex-direction:column;gap:10px}.claim__product{display:flex;width:100%;background-color:#fff;border-radius:6px;padding:16px}.claim__product .thumb-item{display:flex}.claim__amount-info-label{display:flex;justify-content:center;align-items:center;width:100%;height:50px;margin-bottom:30px;color:var(--point-color)}.claim__reason{padding:0 20px}.claim__reason .claim__select-box{height:66px}.claim__reason-detail{width:100%;height:200px;padding:16px;background-color:#fff;border:1px solid var(--default-color);word-break:break-all;overflow:auto}.claim__account-inputs{padding:30px 16px;border-radius:6px;background-color:#fff}.claim__account-inputs label{display:block;margin-bottom:10px}.claim__account-inputs li+li{margin-top:16px}.claim__address-form{background-color:#fff;padding:24px 20px}.claim__address-form-item>:nth-child(n+2){margin-top:14px}.claim__address-form-item+.claim__address-form-item{margin-top:20px}.claim__address-form-tip{color:var(--gray-color)}.claim__radio-wrap{display:flex;justify-content:space-around;align-items:start;flex-direction:column;gap:10px}.claim__radio{width:100%;height:40px;padding:24px 12px;border:1px solid var(--default-color)}.claim__radio--checked{border:1px solid var(--black-color)}.claim__return-address{display:grid;width:100%;padding:16px;grid-template-columns:1fr 3fr;row-gap:8px;border:1px solid var(--default-color)}.claim__return-address dt{color:var(--gray-color)}.claim__return-address dd{word-break:break-all}.claim__comment{padding:20px 20px;font-size:12px;color:var(--gray-color);line-height:1.5em}.claim__comment li+li{margin-top:8px}.claim__btns{display:flex;justify-content:center;align-items:center;padding:20px 20px;gap:10px}.claim__btn{border:1px solid var(--blue-gray-color);border-radius:0;padding:16px}.claim__btn--claim{background-color:var(--blue-gray-color);color:#fff}.product-review-registration__product-information{display:flex;justify-content:none;align-items:center;margin:1.4285714286rem 0}.product-review-registration__product-information img{width:120px;height:120px;margin-left:20px}.product-review-registration__product-information div{margin-left:20px}.product-review-registration__product-information div em{display:block;font-weight:bold;font-size:16px;color:var(--light-blue-gray-color);margin-bottom:12px}.product-review-registration__content{padding:48px 24px 0;border-top:solid 12px #f5f5f5}.product-review-registration__content h3{text-align:center;color:var(--default-font-color);font-size:20px;line-height:24px;margin-bottom:1.6rem}.product-review-registration__content .rating-star{display:block;margin:0 auto}.product-review-registration__text-area{margin-top:2.8571428571rem}.product-review-registration__text-area textarea{display:block;width:100%;height:320px;color:var(--default-font-color);border:solid 1px var(--gray-border-color);border-radius:0;appearance:none;font-size:16.8px;line-height:27.2px;max-height:320px;margin-top:16px;padding:20.8px 12.8px}.adult-certification{padding:20px;text-align:left}.adult-certification__image{width:60px;height:60px}.adult-certification__title{margin-top:20px;font-size:2.1428571429rem;line-height:2.8571428571rem;font-weight:500}.adult-certification__description{margin-top:0.8571428571rem;color:var(--gray-font-color);font-size:1.1428571429rem;line-height:1.8571428571rem}.adult-certification__exit-button{border-radius:0;margin-top:20px;height:60px;font-size:16px}.adult-certification__sign-in{margin-top:20px}.adult-certification__sign-in .sign-in{padding:0}.adult-certification__sign-in-title{margin:20px 0;font-size:1.1428571429rem;color:var(--blue-gray-color)}.adult-certification__notice{margin-top:20px;font-size:1rem;line-height:1.4285714286rem;color:var(--gray-font-color);opacity:.8}.adult-certification__certification-btn{margin-top:20px;height:60px;font-size:16px}.event-hero{width:100%}.event-nav{padding:0.7142857143em;background-color:var(--empty-color);border:solid var(--default-color);border-width:1px 0 0;font-size:1rem;color:var(--default-font-color)}.event-nav .swiper-slide{width:auto}.event-nav__btn{padding:0.3571428571em 0.7142857143em 0.2857142857em;border-radius:1.0714285714em}.event-nav__btn.is-active{background-color:var(--default-font-color);color:var(--whole-color)}.event-coupon-list{padding:2.1428571429rem 20px}.event-coupon-list .my-page-coupon__box{position:relative}.event-coupon-list .event-coupon-download{position:absolute;top:0;left:0;width:100%;height:100%}.event-list{display:grid}.event-list .thumb-item{width:auto}.event-list .product-card__price-info{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}.order-detail{line-height:1.5em}.order-detail dl:not(.price-tag__final-amount){display:grid;width:100%;grid-template-columns:1.5fr 3fr;row-gap:8px}.order-detail dl:not(.price-tag__final-amount) dt{color:var(--gray-color)}.order-detail dl:not(.price-tag__final-amount) dd{word-break:break-all}.order-detail__product-table{padding:0 20px 20px}.order-detail__product-table :where(.thumb-LIST) .thumb-item:nth-child(n+2){border-top:none}.order-detail__product{margin-top:20px}.order-detail__product .product-thumb-item{padding:16px 0}.order-detail__section-title{font-size:16px;padding:20px;border-bottom:1px solid var(--default-color)}.order-detail__section-content{padding:20px}.order-detail__next-action-btns{display:flex;justify-content:center;align-items:center;gap:10px}.order-detail__next-action-btns .btn{padding:8px 0;border-color:var(--default-color)}.order-detail__product-top-label{display:flex;justify-content:start;align-items:center;gap:10px;padding:10px;border-radius:5px 5px 5px 0;background-color:var(--empty-color);font-size:12px;color:var(--gray-color)}.order-detail__status-label{flex:none;color:var(--point-color-secondary)}.order-detail__delivery-info{display:flex;justify-content:space-between;align-items:center;width:100%}.order-detail__delivery-info .btn{width:50px;border:none;background-color:rgba(0,0,0,0);color:var(--gray-color)}.order-detail__list-btn-wrap{padding:20px}.order-detail__list-btn-wrap .btn{height:50px;border:1px solid var(--default-color);border-radius:0}.order-detail__list-btn-wrap.receipt-info{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.order-detail__list-btn-wrap.receipt-info dl{grid-template-columns:1.5fr 1fr;align-items:center}.order-detail__list-btn-wrap.receipt-info .btn{height:32px}.order-detail__cancel-all-btn{border:none;background-color:rgba(0,0,0,0);width:inherit;color:var(--default-color);font-weight:100;font-size:12px}.order-detail .app-card-payment{font-size:12px;vertical-align:bottom}.order-detail__section-images{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:4%;margin-bottom:12px}.order-detail__section-image{display:block;overflow:hidden;width:92px;height:92px}.order-detail__section-image img{display:block;min-width:100%;min-height:100%;-ms-interpolation-mode:bicubic}.orders{padding:20px}.orders__identifier{display:flex;justify-content:start;align-items:end;gap:12px;margin-bottom:8px}.orders__order-no{font-size:12px;color:var(--gray-color)}.orders__order-summary{display:block}.orders__order-summary+.orders__order-summary{margin-top:32px}.orders__product{display:flex;justify-content:start;align-items:center;height:112px;padding:20px;border:1px solid var(--default-color);border-radius:10px 10px 10px 0;gap:16px}.orders__product img{width:75px;height:75px}.orders__product-name{font-weight:500}.orders__product-description{display:flex;justify-content:space-between;align-items:start;height:100%;width:100%;flex-direction:column}.orders__product-tag{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px}.orders__pay-amount-label{display:flex;justify-content:start;align-items:end;gap:2px;color:var(--gray-color)}.orders__pay-amount-label .orders__pay-amount{font-size:16px;font-weight:700;color:#000}.orders__no-data{display:flex;justify-content:center;align-items:center;padding:30px;font-size:16px;font-weight:500;height:100px}.no-access{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:12.8571428571rem;padding:20px}.no-access__title{margin-top:4.2857142857rem;font-size:2.4285714286rem;font-weight:600}.no-access__content{margin-top:1.4285714286rem;text-align:center;line-height:2rem;font-size:1.2857142857rem}.member-only__text{text-align:center;margin:2.8571428571rem 0;line-height:2rem;font-size:1.4285714286rem;color:var(--blue-gray-color)}.claims__tabs{background-color:var(--blue-gray-color);height:60px;font-size:16px}.claims__tabs .tabs__item{border-bottom:none}.claims__tabs .tabs__item+.tabs__item::before{content:"";height:10px;border-left:1px solid var(--gray-color)}.claims__tabs .tabs__item.on{color:#fff}@supports not (text-wrap-mode: nowrap){.claims__tabs{white-space:nowrap}}.claims__content{padding:20px 20px}.claims__identifier{display:flex;justify-content:start;align-items:end;gap:12px;margin-bottom:8px}.claims__order-no{font-size:12px;color:var(--gray-color)}.claims__claim-summary{display:block}.claims__claim-summary+.claims__claim-summary{margin-top:32px}.claims__product-wrap{display:flex;justify-content:start;align-items:center;flex-direction:column;padding:20px;border:1px solid var(--default-color);border-radius:10px 10px 10px 0}.claims__product-wrap+.claims__product-wrap{margin-top:20px}.claims__extra-product-label{background-color:#a3a3a3;color:#fff;padding:0px 5px;font-weight:400;font-size:12px;line-height:20px;width:35px}.claims__base-product-name-content{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.claims__base-product-name-label{flex-shrink:0}.claims__base-product-name{color:var(--gray-color)}.claims__product{display:flex;justify-content:start;align-items:center;width:100%;gap:16px}.claims__product img{width:75px;height:75px}.claims__product-description{width:100%}.claims__product-name{font-weight:500}.claims__product-name--with-sticker{display:flex;align-items:center;gap:3px;margin-top:5px}.claims__product-option-label{margin:10px 0;color:var(--gray-color);min-height:36px;font-size:12px}.claims__product-bottom{width:100%}.claims__product-tag{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px}.claims__pay-amount-label{display:flex;justify-content:start;align-items:end;gap:2px;color:var(--gray-color)}.claims__pay-amount-label .claims__pay-amount{font-size:16px;font-weight:700;color:#000}.claims__withdraw-btn{flex:none;padding:8px;border-radius:0px;border:1px solid var(--default-color);margin-top:20px}.claims__no-items{width:100%;margin-top:60px;font-size:16px;font-weight:500;text-align:center}.service-check{margin-top:56px;font-family:"NanumBarunGothic",sans-serif;font-size:16px;font-weight:400;text-align:center;padding-top:110px;text-align:center;background:url("https://rlyfaazj0.toastcdn.net/error/vis_500_error.png") center top no-repeat;padding-top:337px}.service-check p{color:#727171;line-height:36px}.service-check p:first-child{font-family:나눔스퀘어,"NanumSquare",sans-serif;font-size:26px;font-weight:700;color:#000;margin-bottom:15px;line-height:normal}.service-check .bot_btn{margin-top:45px}.service-check .bot_btn a{font-size:15px;color:#fff;line-height:49px;display:inline-block;box-sizing:border-box;padding:0 34px;background:#333;text-decoration:none}.service-check .mode_m{display:none}@media(max-width: 720px){.service-check{margin-top:56px;font-size:12px;padding-top:56px;background-image:url("https://rlyfaazj0.toastcdn.net/error/vis_m_500_error.png");background-size:292px auto;padding-top:216px}.service-check p{font-size:18px;line-height:28px}.service-check p:first-child{font-size:18px;margin-bottom:8px}.service-check .bot_btn{margin-top:23px}.service-check .bot_btn a{font-size:12px;line-height:38px;padding:0 28px}.service-check .mode_m{display:block}}.expired-mall{margin-top:-56px;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh}.expired-mall p{font-style:normal;font-weight:700;font-size:26px;line-height:38px;text-align:center;color:#111}.expired-mall em{color:red;font-style:normal}.editor .design-popup__content{padding:10px}.editor ul,.editor ol,.editor menu{list-style:initial;padding-left:40px}.editor ol{list-style-type:decimal}.editor h1{display:block;font-size:2em;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:bold}.editor{outline:none}.editor sup{vertical-align:super}.editor sub{vertical-align:sub}.editor img.note-float-left{margin-right:10px}.editor img.note-float-right{margin-left:10px}.editor table{width:100%;max-width:100%;border-collapse:collapse}.editor table td,.editor table th{border:1px solid #ececec;padding:5px 3px}.editor a{background-color:inherit;text-decoration:inherit;font-family:inherit;font-weight:inherit;color:#337ab7}.editor a:focus,.editor a:hover{color:#23527c;text-decoration:underline;outline:0}.editor figure{margin:0}

@charset "UTF-8";

/* src/styles/style.css */
:root {
  --primitive-base-white: #FFFFFF;
  --primitive-base-black: #000000;
  --primitive-base-transparent: transparent;
  --primitive-base-black-alpha-5: rgba(0, 0, 0, 0.05);
  --primitive-base-black-alpha-10: rgba(0, 0, 0, 0.10);
  --primitive-base-black-alpha-25: rgba(0, 0, 0, 0.25);
  --primitive-base-black-alpha-50: rgba(0, 0, 0, 0.50);
  --primitive-base-black-alpha-75: rgba(0, 0, 0, 0.75);
  --primitive-base-white-alpha-5: rgba(255, 255, 255, 0.05);
  --primitive-base-white-alpha-10: rgba(255, 255, 255, 0.10);
  --primitive-base-white-alpha-25: rgba(255, 255, 255, 0.25);
  --primitive-base-white-alpha-50: rgba(255, 255, 255, 0.50);
  --primitive-base-white-alpha-75: rgba(255, 255, 255, 0.75);
  --primitive-red-50: #FFF0F0;
  --primitive-red-100: #FFDDDE;
  --primitive-red-200: #FFC1C2;
  --primitive-red-300: #FF9698;
  --primitive-red-400: #FF5A5D;
  --primitive-red-500: #FF272B;
  --primitive-red-600: #F80409;
  --primitive-red-700: #D40105;
  --primitive-red-800: #AE0609;
  --primitive-red-900: #900C0F;
  --primitive-pink-50: #FFF4FE;
  --primitive-pink-100: #FFE7FD;
  --primitive-pink-200: #FFCFFA;
  --primitive-pink-300: #FEA9F1;
  --primitive-pink-400: #FD75E7;
  --primitive-pink-500: #F553DA;
  --primitive-pink-600: #D821B6;
  --primitive-pink-700: #B31892;
  --primitive-pink-800: #921676;
  --primitive-pink-900: #781761;
  --primitive-purple-50: #FBF6FE;
  --primitive-purple-100: #F5EAFD;
  --primitive-purple-200: #EDD8FC;
  --primitive-purple-300: #E0BAF8;
  --primitive-purple-400: #CD8DF3;
  --primitive-purple-500: #B961EB;
  --primitive-purple-600: #A541DC;
  --primitive-purple-700: #9230C5;
  --primitive-purple-800: #782B9E;
  --primitive-purple-900: #62247F;
  --primitive-deep-purple-50: #EDE7F6;
  --primitive-deep-purple-100: #D1C4E9;
  --primitive-deep-purple-200: #B39DDB;
  --primitive-deep-purple-300: #9575CD;
  --primitive-deep-purple-400: #7E57C2;
  --primitive-deep-purple-500: #673AB7;
  --primitive-deep-purple-600: #5E35B1;
  --primitive-deep-purple-700: #4621A0;
  --primitive-deep-purple-800: #290D7E;
  --primitive-deep-purple-900: #1A0B5C;
  --primitive-indigo-50: #E8EAF6;
  --primitive-indigo-100: #C5CAE9;
  --primitive-indigo-200: #9FA8DA;
  --primitive-indigo-300: #7986CB;
  --primitive-indigo-400: #5C6BC0;
  --primitive-indigo-500: #3F51B5;
  --primitive-indigo-600: #3949AB;
  --primitive-indigo-700: #303F9F;
  --primitive-indigo-800: #283593;
  --primitive-indigo-900: #1A237E;
  --primitive-blue-50: #F1F4FD;
  --primitive-blue-100: #DFE7FA;
  --primitive-blue-200: #C5D4F8;
  --primitive-blue-300: #9EB8F2;
  --primitive-blue-400: #7093EA;
  --primitive-blue-500: #4D6DE3;
  --primitive-blue-600: #3950D7;
  --primitive-blue-700: #303EC5;
  --primitive-blue-800: #2D35A0;
  --primitive-blue-900: #29317F;
  --primitive-light-blue-50: #EDF8FF;
  --primitive-light-blue-100: #D7EDFF;
  --primitive-light-blue-200: #B9E1FF;
  --primitive-light-blue-300: #88D0FF;
  --primitive-light-blue-400: #50B5FF;
  --primitive-light-blue-500: #2893FF;
  --primitive-light-blue-600: #1677FF;
  --primitive-light-blue-700: #0A5CEB;
  --primitive-light-blue-800: #0F4ABE;
  --primitive-light-blue-900: #134295;
  --primitive-cyan-50: #E0F7FA;
  --primitive-cyan-100: #B2EBF2;
  --primitive-cyan-200: #80DEEA;
  --primitive-cyan-300: #4DD0E1;
  --primitive-cyan-400: #26C6DA;
  --primitive-cyan-500: #00BCD4;
  --primitive-cyan-600: #00ACC1;
  --primitive-cyan-700: #0097A7;
  --primitive-cyan-800: #00838F;
  --primitive-cyan-900: #006064;
  --primitive-teal-50: #E0F2F1;
  --primitive-teal-100: #B2DFDB;
  --primitive-teal-200: #80CBC4;
  --primitive-teal-300: #4DB6AC;
  --primitive-teal-400: #26A69A;
  --primitive-teal-500: #009688;
  --primitive-teal-600: #00897B;
  --primitive-teal-700: #00796B;
  --primitive-teal-800: #00695C;
  --primitive-teal-900: #004D40;
  --primitive-green-50: #E5F6EA;
  --primitive-green-100: #C1E7CC;
  --primitive-green-200: #98D8AC;
  --primitive-green-300: #6CCA8B;
  --primitive-green-400: #47BE72;
  --primitive-green-500: #10B259;
  --primitive-green-600: #00A34F;
  --primitive-green-700: #009143;
  --primitive-green-800: #007F38;
  --primitive-green-900: #006024;
  --primitive-light-green-50: #F1F8E9;
  --primitive-light-green-100: #DCEDC8;
  --primitive-light-green-200: #C5E1A5;
  --primitive-light-green-300: #AED581;
  --primitive-light-green-400: #9CCC65;
  --primitive-light-green-500: #8BC34A;
  --primitive-light-green-600: #7CB342;
  --primitive-light-green-700: #689F38;
  --primitive-light-green-800: #558B2F;
  --primitive-light-green-900: #33691E;
  --primitive-lime-50: #F9FBE7;
  --primitive-lime-100: #F0F4C3;
  --primitive-lime-200: #E6EE9C;
  --primitive-lime-300: #DCE775;
  --primitive-lime-400: #D4E157;
  --primitive-lime-500: #CDDC39;
  --primitive-lime-600: #C0CA33;
  --primitive-lime-700: #AFB42B;
  --primitive-lime-800: #9E9D24;
  --primitive-lime-900: #827717;
  --primitive-yellow-50: #FFFDE7;
  --primitive-yellow-100: #FFF9C4;
  --primitive-yellow-200: #FFF6A9;
  --primitive-yellow-300: #FFF280;
  --primitive-yellow-400: #FFEE54;
  --primitive-yellow-500: #FFE60C;
  --primitive-yellow-600: #FDD835;
  --primitive-yellow-700: #FBC02D;
  --primitive-yellow-800: #F9A825;
  --primitive-yellow-900: #F57F17;
  --primitive-amber-50: #FFF8E1;
  --primitive-amber-100: #FFECB3;
  --primitive-amber-200: #FFE082;
  --primitive-amber-300: #FFD54F;
  --primitive-amber-400: #FFCA28;
  --primitive-amber-500: #FFC107;
  --primitive-amber-600: #FFB300;
  --primitive-amber-700: #FFA000;
  --primitive-amber-800: #FF8F00;
  --primitive-amber-900: #FF6F00;
  --primitive-orange-50: #FFF2DE;
  --primitive-orange-100: #FFE0B2;
  --primitive-orange-200: #FFCC80;
  --primitive-orange-300: #FFB74D;
  --primitive-orange-400: #FFA726;
  --primitive-orange-500: #FF9800;
  --primitive-orange-600: #FB8C00;
  --primitive-orange-700: #F57C00;
  --primitive-orange-800: #EF6C00;
  --primitive-orange-900: #E65100;
  --primitive-deep-orange-50: #FBE9E7;
  --primitive-deep-orange-100: #FFCCBC;
  --primitive-deep-orange-200: #FFAB91;
  --primitive-deep-orange-300: #FF8A65;
  --primitive-deep-orange-400: #FF7043;
  --primitive-deep-orange-500: #FF5722;
  --primitive-deep-orange-600: #F4511E;
  --primitive-deep-orange-700: #E64A19;
  --primitive-deep-orange-800: #D84315;
  --primitive-deep-orange-900: #BF360C;
  --primitive-brown-50: #F1EDEC;
  --primitive-brown-100: #D7CCC8;
  --primitive-brown-200: #BCAAA4;
  --primitive-brown-300: #A1887F;
  --primitive-brown-400: #8D6E63;
  --primitive-brown-500: #795548;
  --primitive-brown-600: #6D4C41;
  --primitive-brown-700: #5D4037;
  --primitive-brown-800: #4E342E;
  --primitive-brown-900: #3E2723;
  --primitive-neutral-50: #FAFAFA;
  --primitive-neutral-100: #F5F5F5;
  --primitive-neutral-200: #E5E5E5;
  --primitive-neutral-300: #D4D4D4;
  --primitive-neutral-400: #A1A1A1;
  --primitive-neutral-500: #737373;
  --primitive-neutral-600: #525252;
  --primitive-neutral-700: #404040;
  --primitive-neutral-800: #2F2F2F;
  --primitive-neutral-900: #212121;
  --primitive-blue-gray-50: #ECEFF1;
  --primitive-blue-gray-100: #CFD8DC;
  --primitive-blue-gray-200: #B0BEC5;
  --primitive-blue-gray-300: #90A4AE;
  --primitive-blue-gray-400: #78909C;
  --primitive-blue-gray-500: #607D8B;
  --primitive-blue-gray-600: #546E7A;
  --primitive-blue-gray-700: #455A64;
  --primitive-blue-gray-800: #37474F;
  --primitive-blue-gray-900: #263238;
}
:root {
  --spacing-size-0: 0;
  --spacing-size-1: 4px;
  --spacing-size-2: 8px;
  --spacing-size-3: 12px;
  --spacing-size-4: 16px;
  --spacing-size-5: 20px;
  --spacing-size-6: 24px;
  --spacing-size-7: 28px;
  --spacing-size-8: 32px;
  --spacing-size-9: 36px;
  --spacing-size-10: 40px;
  --spacing-size-11: 48px;
  --spacing-size-12: 64px;
  --spacing-size-13: 80px;
  --spacing-size-14: 96px;
  --spacing-size-15: 120px;
  --spacing-size-16: 160px;
  --spacing-stroke-0: 0;
  --spacing-stroke-1: 0.5px;
  --spacing-stroke-2: 1px;
  --spacing-stroke-3: 2px;
  --spacing-stroke-4: 4px;
  --spacing-stroke-5: 8px;
  --spacing-stroke-6: 12px;
}
:root {
  --spacing-brand-space-1: var(--spacing-size-1);
  --spacing-brand-space-2: var(--spacing-size-2);
  --spacing-brand-space-3: var(--spacing-size-3);
  --spacing-brand-space-4: var(--spacing-size-4);
  --spacing-brand-space-5: var(--spacing-size-5);
  --spacing-brand-space-6: var(--spacing-size-6);
  --spacing-brand-space-7: var(--spacing-size-7);
  --spacing-brand-space-8: var(--spacing-size-8);
  --spacing-brand-space-9: var(--spacing-size-9);
  --spacing-brand-space-10: var(--spacing-size-10);
  --spacing-brand-space-11: var(--spacing-size-11);
  --spacing-brand-space-12: var(--spacing-size-12);
  --spacing-brand-space-13: var(--spacing-size-13);
  --spacing-brand-space-14: var(--spacing-size-14);
  --spacing-brand-space-15: var(--spacing-size-15);
  --spacing-brand-space-16: var(--spacing-size-16);
  --spacing-brand-space-none: var(--spacing-size-0);
  --spacing-brand-control-height-xs: var(--spacing-size-6);
  --spacing-brand-control-height-sm: var(--spacing-size-8);
  --spacing-brand-control-height-md: var(--spacing-size-10);
  --spacing-brand-control-height-lg: var(--spacing-size-11);
  --spacing-brand-radius-none: var(--spacing-size-0);
  --spacing-brand-radius-sm: var(--spacing-size-1);
  --spacing-brand-radius-md: var(--spacing-size-2);
  --spacing-brand-radius-lg: var(--spacing-size-3);
  --spacing-brand-radius-xl: var(--spacing-size-4);
  --spacing-brand-radius-full: 9999px;
  --spacing-brand-stroke-none: var(--spacing-stroke-0);
  --spacing-brand-stroke-xs: var(--spacing-stroke-1);
  --spacing-brand-stroke-sm: var(--spacing-stroke-2);
  --spacing-brand-stroke-md: var(--spacing-stroke-3);
  --spacing-brand-stroke-lg: var(--spacing-stroke-4);
  --spacing-brand-stroke-xl: var(--spacing-stroke-5);
  --spacing-brand-stroke-2xl: var(--spacing-stroke-6);
}
:root {
  --spacing-space-1: var(--spacing-brand-space-1);
  --spacing-space-2: var(--spacing-brand-space-2);
  --spacing-space-3: var(--spacing-brand-space-3);
  --spacing-space-4: var(--spacing-brand-space-4);
  --spacing-space-5: var(--spacing-brand-space-5);
  --spacing-space-6: var(--spacing-brand-space-6);
  --spacing-space-7: var(--spacing-brand-space-7);
  --spacing-space-8: var(--spacing-brand-space-8);
  --spacing-space-9: var(--spacing-brand-space-9);
  --spacing-space-10: var(--spacing-brand-space-10);
  --spacing-space-11: var(--spacing-brand-space-11);
  --spacing-space-12: var(--spacing-brand-space-12);
  --spacing-space-13: var(--spacing-brand-space-13);
  --spacing-space-14: var(--spacing-brand-space-14);
  --spacing-space-15: var(--spacing-brand-space-15);
  --spacing-space-16: var(--spacing-brand-space-16);
  --spacing-space-none: var(--spacing-brand-space-none);
  --spacing-control-height-xs: var(--spacing-brand-control-height-xs);
  --spacing-control-height-sm: var(--spacing-brand-control-height-sm);
  --spacing-control-height-md: var(--spacing-brand-control-height-md);
  --spacing-control-height-lg: var(--spacing-brand-control-height-lg);
  --spacing-radius-none: var(--spacing-brand-radius-none);
  --spacing-radius-sm: var(--spacing-brand-radius-sm);
  --spacing-radius-md: var(--spacing-brand-radius-md);
  --spacing-radius-lg: var(--spacing-brand-radius-lg);
  --spacing-radius-xl: var(--spacing-brand-radius-xl);
  --spacing-radius-full: var(--spacing-brand-radius-full);
  --spacing-stroke-none: var(--spacing-brand-stroke-none);
  --spacing-stroke-xs: var(--spacing-brand-stroke-xs);
  --spacing-stroke-sm: var(--spacing-brand-stroke-sm);
  --spacing-stroke-md: var(--spacing-brand-stroke-md);
  --spacing-stroke-lg: var(--spacing-brand-stroke-lg);
  --spacing-stroke-xl: var(--spacing-brand-stroke-xl);
  --spacing-stroke-2xl: var(--spacing-brand-stroke-2xl);
}
:root {
  --effects-opacity-0: 0;
  --effects-opacity-5: 0.05;
  --effects-opacity-10: 0.1;
  --effects-opacity-20: 0.2;
  --effects-opacity-40: 0.4;
  --effects-opacity-60: 0.6;
  --effects-opacity-80: 0.8;
  --effects-opacity-100: 1;
  --effects-shadow-none: none;
  --effects-shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);
  --effects-shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.10), 0 1px 2px -1px rgba(0,0,0,0.06);
  --effects-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.06);
  --effects-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.05);
  --effects-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.10), 0 8px 10px -6px rgba(0,0,0,0.04);
  --effects-shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.25);
}
:root {
  --effects-brand-opacity-disabled: var(--effects-opacity-40);
  --effects-brand-opacity-hover: var(--effects-opacity-80);
  --effects-brand-opacity-overlay: var(--effects-opacity-60);
  --effects-brand-shadow-sm: var(--effects-shadow-sm);
  --effects-brand-shadow-md: var(--effects-shadow-md);
  --effects-brand-shadow-lg: var(--effects-shadow-lg);
  --effects-brand-shadow-overlay: var(--effects-shadow-xl);
}
:root {
  --semantic-opacity-disabled: var(--effects-brand-opacity-disabled);
  --semantic-opacity-hover: var(--effects-brand-opacity-hover);
  --semantic-opacity-overlay: var(--effects-brand-opacity-overlay);
  --semantic-shadow-sm: var(--effects-brand-shadow-sm);
  --semantic-shadow-md: var(--effects-brand-shadow-md);
  --semantic-shadow-lg: var(--effects-brand-shadow-lg);
  --semantic-shadow-overlay: var(--effects-brand-shadow-overlay);
}
:root {
  --brand-primary-50: var(--primitive-blue-50);
  --brand-primary-100: var(--primitive-blue-100);
  --brand-primary-200: var(--primitive-blue-200);
  --brand-primary-300: var(--primitive-blue-300);
  --brand-primary-400: var(--primitive-blue-400);
  --brand-primary-500: var(--primitive-blue-500);
  --brand-primary-600: var(--primitive-blue-600);
  --brand-primary-700: var(--primitive-blue-700);
  --brand-primary-800: var(--primitive-blue-800);
  --brand-primary-900: var(--primitive-blue-900);
  --brand-secondary-50: var(--primitive-light-blue-50);
  --brand-secondary-100: var(--primitive-light-blue-100);
  --brand-secondary-200: var(--primitive-light-blue-200);
  --brand-secondary-300: var(--primitive-light-blue-300);
  --brand-secondary-400: var(--primitive-light-blue-400);
  --brand-secondary-500: var(--primitive-light-blue-500);
  --brand-secondary-600: var(--primitive-light-blue-600);
  --brand-secondary-700: var(--primitive-light-blue-700);
  --brand-secondary-800: var(--primitive-light-blue-800);
  --brand-secondary-900: var(--primitive-light-blue-900);
  --brand-neutral-50: var(--primitive-neutral-50);
  --brand-neutral-100: var(--primitive-neutral-100);
  --brand-neutral-200: var(--primitive-neutral-200);
  --brand-neutral-300: var(--primitive-neutral-300);
  --brand-neutral-400: var(--primitive-neutral-400);
  --brand-neutral-500: var(--primitive-neutral-500);
  --brand-neutral-600: var(--primitive-neutral-600);
  --brand-neutral-700: var(--primitive-neutral-700);
  --brand-neutral-800: var(--primitive-neutral-800);
  --brand-neutral-900: var(--primitive-neutral-900);
  --brand-base-white: var(--primitive-base-white);
  --brand-base-black-alpha-10: var(--primitive-base-black-alpha-10);
  --brand-base-black-alpha-25: var(--primitive-base-black-alpha-25);
  --brand-categorical-1-100: var(--primitive-red-100);
  --brand-categorical-1-200: var(--primitive-red-200);
  --brand-categorical-1-300: var(--primitive-red-300);
  --brand-categorical-1-400: var(--primitive-red-400);
  --brand-categorical-1-500: var(--primitive-red-500);
  --brand-categorical-1-600: var(--primitive-red-600);
  --brand-categorical-2-100: var(--primitive-green-100);
  --brand-categorical-2-200: var(--primitive-green-200);
  --brand-categorical-2-300: var(--primitive-green-300);
  --brand-categorical-2-400: var(--primitive-green-400);
  --brand-categorical-2-500: var(--primitive-green-500);
  --brand-categorical-2-600: var(--primitive-green-600);
  --brand-categorical-3-100: var(--primitive-blue-100);
  --brand-categorical-3-200: var(--primitive-blue-200);
  --brand-categorical-3-300: var(--primitive-blue-300);
  --brand-categorical-3-400: var(--primitive-blue-400);
  --brand-categorical-3-500: var(--primitive-blue-500);
  --brand-categorical-3-600: var(--primitive-blue-600);
  --brand-categorical-4-100: var(--primitive-purple-100);
  --brand-categorical-4-200: var(--primitive-purple-200);
  --brand-categorical-4-300: var(--primitive-purple-300);
  --brand-categorical-4-400: var(--primitive-purple-400);
  --brand-categorical-4-500: var(--primitive-purple-500);
  --brand-categorical-4-600: var(--primitive-purple-600);
  --brand-categorical-5-100: var(--primitive-orange-100);
  --brand-categorical-5-200: var(--primitive-orange-200);
  --brand-categorical-5-300: var(--primitive-orange-300);
  --brand-categorical-5-400: var(--primitive-orange-400);
  --brand-categorical-5-500: var(--primitive-orange-500);
  --brand-categorical-5-600: var(--primitive-orange-600);
  --brand-categorical-6-100: var(--primitive-teal-100);
  --brand-categorical-6-200: var(--primitive-teal-200);
  --brand-categorical-6-300: var(--primitive-teal-300);
  --brand-categorical-6-400: var(--primitive-teal-400);
  --brand-categorical-6-500: var(--primitive-teal-500);
  --brand-categorical-6-600: var(--primitive-teal-600);
  --brand-categorical-7-100: var(--primitive-yellow-100);
  --brand-categorical-7-200: var(--primitive-yellow-200);
  --brand-categorical-7-300: var(--primitive-yellow-300);
  --brand-categorical-7-400: var(--primitive-yellow-400);
  --brand-categorical-7-500: var(--primitive-yellow-500);
  --brand-categorical-7-600: var(--primitive-yellow-600);
  --brand-categorical-8-100: var(--primitive-pink-100);
  --brand-categorical-8-200: var(--primitive-pink-200);
  --brand-categorical-8-300: var(--primitive-pink-300);
  --brand-categorical-8-400: var(--primitive-pink-400);
  --brand-categorical-8-500: var(--primitive-pink-500);
  --brand-categorical-8-600: var(--primitive-pink-600);
}
:root {
  --system-success-50: var(--primitive-green-50);
  --system-success-100: var(--primitive-green-100);
  --system-success-200: var(--primitive-green-200);
  --system-success-300: var(--primitive-green-300);
  --system-success-400: var(--primitive-green-400);
  --system-success-500: var(--primitive-green-500);
  --system-success-600: var(--primitive-green-600);
  --system-success-700: var(--primitive-green-700);
  --system-success-800: var(--primitive-green-800);
  --system-success-900: var(--primitive-green-900);
  --system-error-50: var(--primitive-red-50);
  --system-error-100: var(--primitive-red-100);
  --system-error-200: var(--primitive-red-200);
  --system-error-300: var(--primitive-red-300);
  --system-error-400: var(--primitive-red-400);
  --system-error-500: var(--primitive-red-500);
  --system-error-600: var(--primitive-red-600);
  --system-error-700: var(--primitive-red-700);
  --system-error-800: var(--primitive-red-800);
  --system-error-900: var(--primitive-red-900);
  --system-warning-50: var(--primitive-yellow-50);
  --system-warning-100: var(--primitive-yellow-100);
  --system-warning-200: var(--primitive-yellow-200);
  --system-warning-300: var(--primitive-yellow-300);
  --system-warning-400: var(--primitive-yellow-400);
  --system-warning-500: var(--primitive-yellow-500);
  --system-warning-600: var(--primitive-yellow-600);
  --system-warning-700: var(--primitive-yellow-700);
  --system-warning-800: var(--primitive-yellow-800);
  --system-warning-900: var(--primitive-yellow-900);
  --system-info-50: var(--primitive-blue-50);
  --system-info-100: var(--primitive-blue-100);
  --system-info-200: var(--primitive-blue-200);
  --system-info-300: var(--primitive-blue-300);
  --system-info-400: var(--primitive-blue-400);
  --system-info-500: var(--primitive-blue-500);
  --system-info-600: var(--primitive-blue-600);
  --system-info-700: var(--primitive-blue-700);
  --system-info-800: var(--primitive-blue-800);
  --system-info-900: var(--primitive-blue-900);
  --system-link-400: var(--primitive-deep-purple-400);
  --system-link-500: var(--primitive-deep-purple-500);
  --system-link-600: var(--primitive-deep-purple-600);
  --system-link-700: var(--primitive-deep-purple-700);
}
:root {
  --semantic-text-strong: var(--brand-neutral-900);
  --semantic-text-subtle: var(--brand-neutral-700);
  --semantic-text-muted: var(--brand-neutral-500);
  --semantic-text-brand: var(--brand-primary-700);
  --semantic-text-brand-secondary: var(--brand-secondary-700);
  --semantic-text-disabled: var(--brand-neutral-400);
  --semantic-text-inverse: var(--brand-base-white);
  --semantic-text-success: var(--system-success-700);
  --semantic-text-error: var(--system-error-700);
  --semantic-text-warning: var(--system-warning-700);
  --semantic-text-info: var(--system-info-700);
  --semantic-text-link: var(--system-link-700);
  --semantic-text-sunday: var(--system-error-500);
  --semantic-text-saturday: var(--system-info-500);
  --semantic-surface-neutral-default: var(--brand-base-white);
  --semantic-surface-neutral-subtle: var(--brand-neutral-50);
  --semantic-surface-neutral-strong: var(--brand-neutral-300);
  --semantic-surface-neutral-overlay: var(--brand-base-black-alpha-25);
  --semantic-surface-neutral-disabled: var(--brand-neutral-200);
  --semantic-surface-brand-subtle: var(--brand-primary-50);
  --semantic-surface-brand-default: var(--brand-primary-600);
  --semantic-surface-brand-strong: var(--brand-primary-700);
  --semantic-surface-brand-secondary-subtle: var(--brand-secondary-50);
  --semantic-surface-brand-secondary-default: var(--brand-secondary-600);
  --semantic-surface-brand-secondary-strong: var(--brand-secondary-700);
  --semantic-surface-success-subtle: var(--system-success-50);
  --semantic-surface-success-default: var(--system-success-400);
  --semantic-surface-success-strong: var(--system-success-700);
  --semantic-surface-error-subtle: var(--system-error-50);
  --semantic-surface-error-default: var(--system-error-600);
  --semantic-surface-error-strong: var(--system-error-700);
  --semantic-surface-warning-subtle: var(--system-warning-50);
  --semantic-surface-warning-default: var(--system-warning-600);
  --semantic-surface-warning-strong: var(--system-warning-700);
  --semantic-surface-info-subtle: var(--system-info-50);
  --semantic-surface-info-default: var(--system-info-600);
  --semantic-surface-info-strong: var(--system-info-700);
  --semantic-border-default: var(--brand-neutral-200);
  --semantic-border-subtle: var(--brand-neutral-100);
  --semantic-border-strong: var(--brand-neutral-400);
  --semantic-border-disabled: var(--brand-neutral-300);
  --semantic-border-brand: var(--brand-primary-600);
  --semantic-border-brand-secondary: var(--brand-secondary-600);
  --semantic-border-success: var(--system-success-300);
  --semantic-border-error: var(--system-error-300);
  --semantic-border-warning: var(--system-warning-300);
  --semantic-border-info: var(--system-info-300);
  --semantic-icon-strong: var(--brand-neutral-700);
  --semantic-icon-subtle: var(--brand-neutral-500);
  --semantic-icon-inverse: var(--brand-base-white);
  --semantic-icon-brand: var(--brand-primary-600);
  --semantic-icon-brand-secondary: var(--brand-secondary-600);
  --semantic-icon-success: var(--system-success-600);
  --semantic-icon-error: var(--system-error-600);
  --semantic-icon-warning: var(--system-warning-600);
  --semantic-icon-info: var(--system-info-600);
  --semantic-icon-disabled: var(--brand-neutral-300);
  --semantic-emphasis-brand: var(--brand-primary-800);
  --semantic-emphasis-brand-secondary: var(--brand-secondary-800);
  --semantic-emphasis-success: var(--system-success-800);
  --semantic-emphasis-error: var(--system-error-800);
  --semantic-emphasis-warning: var(--system-warning-800);
  --semantic-emphasis-info: var(--system-info-800);
  --semantic-interaction-overlay-10: var(--brand-base-black-alpha-10);
  --semantic-interaction-overlay-25: var(--brand-base-black-alpha-25);
  --semantic-interaction-focus-ring: var(--brand-primary-700);
}
:root {
  --semantic-categorical-1-bg: var(--brand-categorical-1-100);
  --semantic-categorical-1-area: var(--brand-categorical-1-200);
  --semantic-categorical-1-fill: var(--brand-categorical-1-400);
  --semantic-categorical-1-text: var(--brand-categorical-1-600);
  --semantic-categorical-2-bg: var(--brand-categorical-2-100);
  --semantic-categorical-2-area: var(--brand-categorical-2-200);
  --semantic-categorical-2-fill: var(--brand-categorical-2-400);
  --semantic-categorical-2-text: var(--brand-categorical-2-600);
  --semantic-categorical-3-bg: var(--brand-categorical-3-100);
  --semantic-categorical-3-area: var(--brand-categorical-3-200);
  --semantic-categorical-3-fill: var(--brand-categorical-3-400);
  --semantic-categorical-3-text: var(--brand-categorical-3-600);
  --semantic-categorical-4-bg: var(--brand-categorical-4-100);
  --semantic-categorical-4-area: var(--brand-categorical-4-200);
  --semantic-categorical-4-fill: var(--brand-categorical-4-400);
  --semantic-categorical-4-text: var(--brand-categorical-4-600);
  --semantic-categorical-5-bg: var(--brand-categorical-5-100);
  --semantic-categorical-5-area: var(--brand-categorical-5-200);
  --semantic-categorical-5-fill: var(--brand-categorical-5-400);
  --semantic-categorical-5-text: var(--brand-categorical-5-600);
  --semantic-categorical-6-bg: var(--brand-categorical-6-100);
  --semantic-categorical-6-area: var(--brand-categorical-6-200);
  --semantic-categorical-6-fill: var(--brand-categorical-6-400);
  --semantic-categorical-6-text: var(--brand-categorical-6-600);
  --semantic-categorical-7-bg: var(--brand-categorical-7-100);
  --semantic-categorical-7-area: var(--brand-categorical-7-200);
  --semantic-categorical-7-fill: var(--brand-categorical-7-400);
  --semantic-categorical-7-text: var(--brand-categorical-7-600);
  --semantic-categorical-8-bg: var(--brand-categorical-8-100);
  --semantic-categorical-8-area: var(--brand-categorical-8-200);
  --semantic-categorical-8-fill: var(--brand-categorical-8-400);
  --semantic-categorical-8-text: var(--brand-categorical-8-600);
}
:root {
  --typo-font-family-sans:
    Pretendard,
    -apple-system,
    sans-serif;
  --typo-font-family-serif:
    Noto Serif KR,
    Georgia,
    serif;
  --typo-font-family-suit:
    SUIT,
    -apple-system,
    sans-serif;
  --typo-weight-regular: 400;
  --typo-weight-medium: 500;
  --typo-weight-semibold: 600;
  --typo-weight-bold: 700;
  --typo-size-display-1: 48px;
  --typo-size-display-2: 36px;
  --typo-size-title-1: 28px;
  --typo-size-title-2: 24px;
  --typo-size-heading-1: 20px;
  --typo-size-heading-2: 18px;
  --typo-size-compact-body-1: 17px;
  --typo-size-compact-body-2: 15px;
  --typo-size-compact-label-1: 14px;
  --typo-size-compact-label-2: 12px;
  --typo-size-compact-caption-1: 11px;
  --typo-size-compact-caption-2: 11px;
  --typo-size-default-body-1: 18px;
  --typo-size-default-body-2: 17px;
  --typo-size-default-label-1: 16px;
  --typo-size-default-label-2: 14px;
  --typo-size-default-caption-1: 13px;
  --typo-size-default-caption-2: 12px;
  --typo-size-airy-body-1: 20px;
  --typo-size-airy-body-2: 19px;
  --typo-size-airy-label-1: 18px;
  --typo-size-airy-label-2: 16px;
  --typo-size-airy-caption-1: 14px;
  --typo-size-airy-caption-2: 13px;
  --typo-lh-display-1: 62px;
  --typo-lh-display-2: 48px;
  --typo-lh-title-1: 38px;
  --typo-lh-title-2: 34px;
  --typo-lh-compact-heading-1: 26px;
  --typo-lh-compact-heading-2: 24px;
  --typo-lh-compact-body-1: 24px;
  --typo-lh-compact-body-2: 22px;
  --typo-lh-compact-label-1: 20px;
  --typo-lh-compact-label-2: 18px;
  --typo-lh-compact-caption-1: 16px;
  --typo-lh-compact-caption-2: 16px;
  --typo-lh-default-heading-1: 30px;
  --typo-lh-default-heading-2: 28px;
  --typo-lh-default-body-1: 26px;
  --typo-lh-default-body-2: 24px;
  --typo-lh-default-label-1: 24px;
  --typo-lh-default-label-2: 22px;
  --typo-lh-default-caption-1: 18px;
  --typo-lh-default-caption-2: 18px;
  --typo-lh-airy-heading-1: 34px;
  --typo-lh-airy-heading-2: 32px;
  --typo-lh-airy-body-1: 30px;
  --typo-lh-airy-body-2: 28px;
  --typo-lh-airy-label-1: 28px;
  --typo-lh-airy-label-2: 26px;
  --typo-lh-airy-caption-1: 22px;
  --typo-lh-airy-caption-2: 20px;
  --typo-ls-tight: -0.02em;
  --typo-ls-normal: 0;
  --typo-ls-wide: 0.02em;
  --typo-brand-font-family-font: var(--typo-font-family-sans);
  --typo-brand-size-display-1: var(--typo-size-display-1);
  --typo-brand-size-display-2: var(--typo-size-display-2);
  --typo-brand-size-title-1: var(--typo-size-title-1);
  --typo-brand-size-title-2: var(--typo-size-title-2);
  --typo-brand-size-heading-1: var(--typo-size-heading-1);
  --typo-brand-size-heading-2: var(--typo-size-heading-2);
  --typo-brand-size-body-1: var(--typo-size-default-body-1);
  --typo-brand-size-body-2: var(--typo-size-default-body-2);
  --typo-brand-size-label-1: var(--typo-size-default-label-1);
  --typo-brand-size-label-2: var(--typo-size-default-label-2);
  --typo-brand-size-caption-1: var(--typo-size-default-caption-1);
  --typo-brand-size-caption-2: var(--typo-size-default-caption-2);
  --typo-brand-line-height-display-1: var(--typo-lh-display-1);
  --typo-brand-line-height-display-2: var(--typo-lh-display-2);
  --typo-brand-line-height-title-1: var(--typo-lh-title-1);
  --typo-brand-line-height-title-2: var(--typo-lh-title-2);
  --typo-brand-line-height-heading-1: var(--typo-lh-default-heading-1);
  --typo-brand-line-height-heading-2: var(--typo-lh-default-heading-2);
  --typo-brand-line-height-body-1: var(--typo-lh-default-body-1);
  --typo-brand-line-height-body-2: var(--typo-lh-default-body-2);
  --typo-brand-line-height-label-1: var(--typo-lh-default-label-1);
  --typo-brand-line-height-label-2: var(--typo-lh-default-label-2);
  --typo-brand-line-height-caption-1: var(--typo-lh-default-caption-1);
  --typo-brand-line-height-caption-2: var(--typo-lh-default-caption-2);
  --typo-brand-weight-regular: var(--typo-weight-regular);
  --typo-brand-weight-medium: var(--typo-weight-medium);
  --typo-brand-weight-semibold: var(--typo-weight-semibold);
  --typo-brand-weight-bold: var(--typo-weight-bold);
  --typo-brand-letter-spacing-display-1: var(--typo-ls-tight);
  --typo-brand-letter-spacing-display-2: var(--typo-ls-tight);
  --typo-brand-letter-spacing-title-1: var(--typo-ls-tight);
  --typo-brand-letter-spacing-title-2: var(--typo-ls-tight);
  --typo-brand-letter-spacing-heading-1: var(--typo-ls-tight);
  --typo-brand-letter-spacing-heading-2: var(--typo-ls-tight);
  --typo-brand-letter-spacing-body-1: var(--typo-ls-normal);
  --typo-brand-letter-spacing-body-2: var(--typo-ls-normal);
  --typo-brand-letter-spacing-label-1: var(--typo-ls-normal);
  --typo-brand-letter-spacing-label-2: var(--typo-ls-wide);
  --typo-brand-letter-spacing-caption-1: var(--typo-ls-wide);
  --typo-brand-letter-spacing-caption-2: var(--typo-ls-wide);
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    --typo-size-display-1: 40px;
    --typo-size-display-2: 32px;
    --typo-size-title-1: 26px;
    --typo-size-title-2: 22px;
    --typo-size-heading-1: 19px;
    --typo-size-heading-2: 17px;
    --typo-size-compact-body-1: 16px;
    --typo-size-compact-body-2: 15px;
    --typo-size-compact-label-1: 14px;
    --typo-size-compact-label-2: 12px;
    --typo-size-compact-caption-1: 11px;
    --typo-size-compact-caption-2: 11px;
    --typo-size-default-body-1: 17px;
    --typo-size-default-body-2: 16px;
    --typo-size-default-label-1: 16px;
    --typo-size-default-label-2: 14px;
    --typo-size-default-caption-1: 13px;
    --typo-size-default-caption-2: 12px;
    --typo-size-airy-body-1: 19px;
    --typo-size-airy-body-2: 17px;
    --typo-size-airy-label-1: 17px;
    --typo-size-airy-label-2: 15px;
    --typo-size-airy-caption-1: 14px;
    --typo-size-airy-caption-2: 13px;
    --typo-lh-display-1: 52px;
    --typo-lh-display-2: 42px;
    --typo-lh-title-1: 36px;
    --typo-lh-title-2: 32px;
    --typo-lh-compact-heading-1: 24px;
    --typo-lh-compact-heading-2: 22px;
    --typo-lh-compact-body-1: 24px;
    --typo-lh-compact-body-2: 22px;
    --typo-lh-compact-label-1: 20px;
    --typo-lh-compact-label-2: 18px;
    --typo-lh-compact-caption-1: 16px;
    --typo-lh-compact-caption-2: 16px;
    --typo-lh-default-heading-1: 28px;
    --typo-lh-default-heading-2: 26px;
    --typo-lh-default-body-1: 26px;
    --typo-lh-default-body-2: 24px;
    --typo-lh-default-label-1: 24px;
    --typo-lh-default-label-2: 22px;
    --typo-lh-default-caption-1: 18px;
    --typo-lh-default-caption-2: 18px;
    --typo-lh-airy-heading-1: 32px;
    --typo-lh-airy-heading-2: 28px;
    --typo-lh-airy-body-1: 30px;
    --typo-lh-airy-body-2: 28px;
    --typo-lh-airy-label-1: 28px;
    --typo-lh-airy-label-2: 26px;
    --typo-lh-airy-caption-1: 22px;
    --typo-lh-airy-caption-2: 20px;
    --typo-ls-tight: -0.02em;
    --typo-ls-normal: 0;
    --typo-ls-wide: 0.02em;
  }
}
@media (min-width: 0px) and (max-width: 768px) {
  :root {
    --typo-size-display-1: 32px;
    --typo-size-display-2: 28px;
    --typo-size-title-1: 24px;
    --typo-size-title-2: 20px;
    --typo-size-heading-1: 18px;
    --typo-size-heading-2: 17px;
    --typo-size-compact-body-1: 16px;
    --typo-size-compact-body-2: 13px;
    --typo-size-compact-label-1: 14px;
    --typo-size-compact-label-2: 12px;
    --typo-size-compact-caption-1: 11px;
    --typo-size-compact-caption-2: 11px;
    --typo-size-default-body-1: 17px;
    --typo-size-default-body-2: 14px;
    --typo-size-default-label-1: 16px;
    --typo-size-default-label-2: 14px;
    --typo-size-default-caption-1: 13px;
    --typo-size-default-caption-2: 12px;
    --typo-size-airy-body-1: 19px;
    --typo-size-airy-body-2: 16px;
    --typo-size-airy-label-1: 16px;
    --typo-size-airy-label-2: 14px;
    --typo-size-airy-caption-1: 14px;
    --typo-size-airy-caption-2: 13px;
    --typo-lh-display-1: 42px;
    --typo-lh-display-2: 38px;
    --typo-lh-title-1: 34px;
    --typo-lh-title-2: 30px;
    --typo-lh-compact-heading-1: 24px;
    --typo-lh-compact-heading-2: 22px;
    --typo-lh-compact-body-1: 24px;
    --typo-lh-compact-body-2: 22px;
    --typo-lh-compact-label-1: 20px;
    --typo-lh-compact-label-2: 18px;
    --typo-lh-compact-caption-1: 16px;
    --typo-lh-compact-caption-2: 16px;
    --typo-lh-default-heading-1: 28px;
    --typo-lh-default-heading-2: 26px;
    --typo-lh-default-body-1: 26px;
    --typo-lh-default-body-2: 24px;
    --typo-lh-default-label-1: 24px;
    --typo-lh-default-label-2: 22px;
    --typo-lh-default-caption-1: 18px;
    --typo-lh-default-caption-2: 18px;
    --typo-lh-airy-heading-1: 32px;
    --typo-lh-airy-heading-2: 28px;
    --typo-lh-airy-body-1: 30px;
    --typo-lh-airy-body-2: 28px;
    --typo-lh-airy-label-1: 28px;
    --typo-lh-airy-label-2: 26px;
    --typo-lh-airy-caption-1: 22px;
    --typo-lh-airy-caption-2: 20px;
    --typo-ls-tight: -0.01em;
    --typo-ls-normal: 0;
    --typo-ls-wide: 0.02em;
  }
}
:root {
  --semantic-typo-display-1-b-font: var(--typo-brand-font-family-font);
  --semantic-typo-display-1-b-size: var(--typo-brand-size-display-1);
  --semantic-typo-display-1-b-lh: var(--typo-brand-line-height-display-1);
  --semantic-typo-display-1-b-weight: var(--typo-brand-weight-bold);
  --semantic-typo-display-1-b-ls: var(--typo-brand-letter-spacing-display-1);
  --semantic-typo-display-1-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-display-1-sb-size: var(--typo-brand-size-display-1);
  --semantic-typo-display-1-sb-lh: var(--typo-brand-line-height-display-1);
  --semantic-typo-display-1-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-display-1-sb-ls: var(--typo-brand-letter-spacing-display-1);
  --semantic-typo-display-2-b-font: var(--typo-brand-font-family-font);
  --semantic-typo-display-2-b-size: var(--typo-brand-size-display-2);
  --semantic-typo-display-2-b-lh: var(--typo-brand-line-height-display-2);
  --semantic-typo-display-2-b-weight: var(--typo-brand-weight-bold);
  --semantic-typo-display-2-b-ls: var(--typo-brand-letter-spacing-display-2);
  --semantic-typo-display-2-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-display-2-sb-size: var(--typo-brand-size-display-2);
  --semantic-typo-display-2-sb-lh: var(--typo-brand-line-height-display-2);
  --semantic-typo-display-2-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-display-2-sb-ls: var(--typo-brand-letter-spacing-display-2);
  --semantic-typo-title-1-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-title-1-sb-size: var(--typo-brand-size-title-1);
  --semantic-typo-title-1-sb-lh: var(--typo-brand-line-height-title-1);
  --semantic-typo-title-1-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-title-1-sb-ls: var(--typo-brand-letter-spacing-title-1);
  --semantic-typo-title-1-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-title-1-m-size: var(--typo-brand-size-title-1);
  --semantic-typo-title-1-m-lh: var(--typo-brand-line-height-title-1);
  --semantic-typo-title-1-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-title-1-m-ls: var(--typo-brand-letter-spacing-title-1);
  --semantic-typo-title-2-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-title-2-sb-size: var(--typo-brand-size-title-2);
  --semantic-typo-title-2-sb-lh: var(--typo-brand-line-height-title-2);
  --semantic-typo-title-2-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-title-2-sb-ls: var(--typo-brand-letter-spacing-title-2);
  --semantic-typo-title-2-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-title-2-m-size: var(--typo-brand-size-title-2);
  --semantic-typo-title-2-m-lh: var(--typo-brand-line-height-title-2);
  --semantic-typo-title-2-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-title-2-m-ls: var(--typo-brand-letter-spacing-title-2);
  --semantic-typo-heading-1-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-heading-1-sb-size: var(--typo-brand-size-heading-1);
  --semantic-typo-heading-1-sb-lh: var(--typo-brand-line-height-heading-1);
  --semantic-typo-heading-1-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-heading-1-sb-ls: var(--typo-brand-letter-spacing-heading-1);
  --semantic-typo-heading-1-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-heading-1-m-size: var(--typo-brand-size-heading-1);
  --semantic-typo-heading-1-m-lh: var(--typo-brand-line-height-heading-1);
  --semantic-typo-heading-1-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-heading-1-m-ls: var(--typo-brand-letter-spacing-heading-1);
  --semantic-typo-heading-2-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-heading-2-m-size: var(--typo-brand-size-heading-2);
  --semantic-typo-heading-2-m-lh: var(--typo-brand-line-height-heading-2);
  --semantic-typo-heading-2-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-heading-2-m-ls: var(--typo-brand-letter-spacing-heading-2);
  --semantic-typo-body-1-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-body-1-sb-size: var(--typo-brand-size-body-1);
  --semantic-typo-body-1-sb-lh: var(--typo-brand-line-height-body-1);
  --semantic-typo-body-1-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-body-1-sb-ls: var(--typo-brand-letter-spacing-body-1);
  --semantic-typo-body-1-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-body-1-m-size: var(--typo-brand-size-body-1);
  --semantic-typo-body-1-m-lh: var(--typo-brand-line-height-body-1);
  --semantic-typo-body-1-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-body-1-m-ls: var(--typo-brand-letter-spacing-body-1);
  --semantic-typo-body-1-r-font: var(--typo-brand-font-family-font);
  --semantic-typo-body-1-r-size: var(--typo-brand-size-body-1);
  --semantic-typo-body-1-r-lh: var(--typo-brand-line-height-body-1);
  --semantic-typo-body-1-r-weight: var(--typo-brand-weight-regular);
  --semantic-typo-body-1-r-ls: var(--typo-brand-letter-spacing-body-1);
  --semantic-typo-body-2-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-body-2-m-size: var(--typo-brand-size-body-2);
  --semantic-typo-body-2-m-lh: var(--typo-brand-line-height-body-2);
  --semantic-typo-body-2-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-body-2-m-ls: var(--typo-brand-letter-spacing-body-2);
  --semantic-typo-body-2-r-font: var(--typo-brand-font-family-font);
  --semantic-typo-body-2-r-size: var(--typo-brand-size-body-2);
  --semantic-typo-body-2-r-lh: var(--typo-brand-line-height-body-2);
  --semantic-typo-body-2-r-weight: var(--typo-brand-weight-regular);
  --semantic-typo-body-2-r-ls: var(--typo-brand-letter-spacing-body-2);
  --semantic-typo-label-1-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-label-1-sb-size: var(--typo-brand-size-label-1);
  --semantic-typo-label-1-sb-lh: var(--typo-brand-line-height-label-1);
  --semantic-typo-label-1-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-label-1-sb-ls: var(--typo-brand-letter-spacing-label-1);
  --semantic-typo-label-1-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-label-1-m-size: var(--typo-brand-size-label-1);
  --semantic-typo-label-1-m-lh: var(--typo-brand-line-height-label-1);
  --semantic-typo-label-1-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-label-1-m-ls: var(--typo-brand-letter-spacing-label-1);
  --semantic-typo-label-2-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-label-2-sb-size: var(--typo-brand-size-label-2);
  --semantic-typo-label-2-sb-lh: var(--typo-brand-line-height-label-2);
  --semantic-typo-label-2-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-label-2-sb-ls: var(--typo-brand-letter-spacing-label-2);
  --semantic-typo-label-2-m-font: var(--typo-brand-font-family-font);
  --semantic-typo-label-2-m-size: var(--typo-brand-size-label-2);
  --semantic-typo-label-2-m-lh: var(--typo-brand-line-height-label-2);
  --semantic-typo-label-2-m-weight: var(--typo-brand-weight-medium);
  --semantic-typo-label-2-m-ls: var(--typo-brand-letter-spacing-label-2);
  --semantic-typo-caption-1-sb-font: var(--typo-brand-font-family-font);
  --semantic-typo-caption-1-sb-size: var(--typo-brand-size-caption-1);
  --semantic-typo-caption-1-sb-lh: var(--typo-brand-line-height-caption-1);
  --semantic-typo-caption-1-sb-weight: var(--typo-brand-weight-semibold);
  --semantic-typo-caption-1-sb-ls: var(--typo-brand-letter-spacing-caption-1);
  --semantic-typo-caption-1-r-font: var(--typo-brand-font-family-font);
  --semantic-typo-caption-1-r-size: var(--typo-brand-size-caption-1);
  --semantic-typo-caption-1-r-lh: var(--typo-brand-line-height-caption-1);
  --semantic-typo-caption-1-r-weight: var(--typo-brand-weight-regular);
  --semantic-typo-caption-1-r-ls: var(--typo-brand-letter-spacing-caption-1);
  --semantic-typo-caption-2-r-font: var(--typo-brand-font-family-font);
  --semantic-typo-caption-2-r-size: var(--typo-brand-size-caption-2);
  --semantic-typo-caption-2-r-lh: var(--typo-brand-line-height-caption-2);
  --semantic-typo-caption-2-r-weight: var(--typo-brand-weight-regular);
  --semantic-typo-caption-2-r-ls: var(--typo-brand-letter-spacing-caption-2);
}
.typo-display-1-b {
  font-family: var(--semantic-typo-display-1-b-font);
  font-size: var(--semantic-typo-display-1-b-size);
  line-height: var(--semantic-typo-display-1-b-lh);
  font-weight: var(--semantic-typo-display-1-b-weight);
  letter-spacing: var(--semantic-typo-display-1-b-ls);
}
.typo-display-1-sb {
  font-family: var(--semantic-typo-display-1-sb-font);
  font-size: var(--semantic-typo-display-1-sb-size);
  line-height: var(--semantic-typo-display-1-sb-lh);
  font-weight: var(--semantic-typo-display-1-sb-weight);
  letter-spacing: var(--semantic-typo-display-1-sb-ls);
}
.typo-display-2-b {
  font-family: var(--semantic-typo-display-2-b-font);
  font-size: var(--semantic-typo-display-2-b-size);
  line-height: var(--semantic-typo-display-2-b-lh);
  font-weight: var(--semantic-typo-display-2-b-weight);
  letter-spacing: var(--semantic-typo-display-2-b-ls);
}
.typo-display-2-sb {
  font-family: var(--semantic-typo-display-2-sb-font);
  font-size: var(--semantic-typo-display-2-sb-size);
  line-height: var(--semantic-typo-display-2-sb-lh);
  font-weight: var(--semantic-typo-display-2-sb-weight);
  letter-spacing: var(--semantic-typo-display-2-sb-ls);
}
.typo-title-1-sb {
  font-family: var(--semantic-typo-title-1-sb-font);
  font-size: var(--semantic-typo-title-1-sb-size);
  line-height: var(--semantic-typo-title-1-sb-lh);
  font-weight: var(--semantic-typo-title-1-sb-weight);
  letter-spacing: var(--semantic-typo-title-1-sb-ls);
}
.typo-title-1-m {
  font-family: var(--semantic-typo-title-1-m-font);
  font-size: var(--semantic-typo-title-1-m-size);
  line-height: var(--semantic-typo-title-1-m-lh);
  font-weight: var(--semantic-typo-title-1-m-weight);
  letter-spacing: var(--semantic-typo-title-1-m-ls);
}
.typo-title-2-sb {
  font-family: var(--semantic-typo-title-2-sb-font);
  font-size: var(--semantic-typo-title-2-sb-size);
  line-height: var(--semantic-typo-title-2-sb-lh);
  font-weight: var(--semantic-typo-title-2-sb-weight);
  letter-spacing: var(--semantic-typo-title-2-sb-ls);
}
.typo-title-2-m {
  font-family: var(--semantic-typo-title-2-m-font);
  font-size: var(--semantic-typo-title-2-m-size);
  line-height: var(--semantic-typo-title-2-m-lh);
  font-weight: var(--semantic-typo-title-2-m-weight);
  letter-spacing: var(--semantic-typo-title-2-m-ls);
}
.typo-heading-1-sb {
  font-family: var(--semantic-typo-heading-1-sb-font);
  font-size: var(--semantic-typo-heading-1-sb-size);
  line-height: var(--semantic-typo-heading-1-sb-lh);
  font-weight: var(--semantic-typo-heading-1-sb-weight);
  letter-spacing: var(--semantic-typo-heading-1-sb-ls);
}
.typo-heading-1-m {
  font-family: var(--semantic-typo-heading-1-m-font);
  font-size: var(--semantic-typo-heading-1-m-size);
  line-height: var(--semantic-typo-heading-1-m-lh);
  font-weight: var(--semantic-typo-heading-1-m-weight);
  letter-spacing: var(--semantic-typo-heading-1-m-ls);
}
.typo-heading-2-m {
  font-family: var(--semantic-typo-heading-2-m-font);
  font-size: var(--semantic-typo-heading-2-m-size);
  line-height: var(--semantic-typo-heading-2-m-lh);
  font-weight: var(--semantic-typo-heading-2-m-weight);
  letter-spacing: var(--semantic-typo-heading-2-m-ls);
}
.typo-body-1-sb {
  font-family: var(--semantic-typo-body-1-sb-font);
  font-size: var(--semantic-typo-body-1-sb-size);
  line-height: var(--semantic-typo-body-1-sb-lh);
  font-weight: var(--semantic-typo-body-1-sb-weight);
  letter-spacing: var(--semantic-typo-body-1-sb-ls);
}
.typo-body-1-m {
  font-family: var(--semantic-typo-body-1-m-font);
  font-size: var(--semantic-typo-body-1-m-size);
  line-height: var(--semantic-typo-body-1-m-lh);
  font-weight: var(--semantic-typo-body-1-m-weight);
  letter-spacing: var(--semantic-typo-body-1-m-ls);
}
.typo-body-1-r {
  font-family: var(--semantic-typo-body-1-r-font);
  font-size: var(--semantic-typo-body-1-r-size);
  line-height: var(--semantic-typo-body-1-r-lh);
  font-weight: var(--semantic-typo-body-1-r-weight);
  letter-spacing: var(--semantic-typo-body-1-r-ls);
}
.typo-body-2-m {
  font-family: var(--semantic-typo-body-2-m-font);
  font-size: var(--semantic-typo-body-2-m-size);
  line-height: var(--semantic-typo-body-2-m-lh);
  font-weight: var(--semantic-typo-body-2-m-weight);
  letter-spacing: var(--semantic-typo-body-2-m-ls);
}
.typo-body-2-r {
  font-family: var(--semantic-typo-body-2-r-font);
  font-size: var(--semantic-typo-body-2-r-size);
  line-height: var(--semantic-typo-body-2-r-lh);
  font-weight: var(--semantic-typo-body-2-r-weight);
  letter-spacing: var(--semantic-typo-body-2-r-ls);
}
.typo-label-1-sb {
  font-family: var(--semantic-typo-label-1-sb-font);
  font-size: var(--semantic-typo-label-1-sb-size);
  line-height: var(--semantic-typo-label-1-sb-lh);
  font-weight: var(--semantic-typo-label-1-sb-weight);
  letter-spacing: var(--semantic-typo-label-1-sb-ls);
}
.typo-label-1-m {
  font-family: var(--semantic-typo-label-1-m-font);
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
  font-weight: var(--semantic-typo-label-1-m-weight);
  letter-spacing: var(--semantic-typo-label-1-m-ls);
}
.typo-label-2-sb {
  font-family: var(--semantic-typo-label-2-sb-font);
  font-size: var(--semantic-typo-label-2-sb-size);
  line-height: var(--semantic-typo-label-2-sb-lh);
  font-weight: var(--semantic-typo-label-2-sb-weight);
  letter-spacing: var(--semantic-typo-label-2-sb-ls);
}
.typo-label-2-m {
  font-family: var(--semantic-typo-label-2-m-font);
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
  font-weight: var(--semantic-typo-label-2-m-weight);
  letter-spacing: var(--semantic-typo-label-2-m-ls);
}
.typo-caption-1-sb {
  font-family: var(--semantic-typo-caption-1-sb-font);
  font-size: var(--semantic-typo-caption-1-sb-size);
  line-height: var(--semantic-typo-caption-1-sb-lh);
  font-weight: var(--semantic-typo-caption-1-sb-weight);
  letter-spacing: var(--semantic-typo-caption-1-sb-ls);
}
.typo-caption-1-r {
  font-family: var(--semantic-typo-caption-1-r-font);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
  font-weight: var(--semantic-typo-caption-1-r-weight);
  letter-spacing: var(--semantic-typo-caption-1-r-ls);
}
.typo-caption-2-r {
  font-family: var(--semantic-typo-caption-2-r-font);
  font-size: var(--semantic-typo-caption-2-r-size);
  line-height: var(--semantic-typo-caption-2-r-lh);
  font-weight: var(--semantic-typo-caption-2-r-weight);
  letter-spacing: var(--semantic-typo-caption-2-r-ls);
}
.semantic-text-strong {
  --ds-color: var(--semantic-text-strong);
}
.semantic-text-subtle {
  --ds-color: var(--semantic-text-subtle);
}
.semantic-text-muted {
  --ds-color: var(--semantic-text-muted);
}
.semantic-text-brand {
  --ds-color: var(--semantic-text-brand);
}
.semantic-text-brand-secondary {
  --ds-color: var(--semantic-text-brand-secondary);
}
.semantic-text-disabled {
  --ds-color: var(--semantic-text-disabled);
}
.semantic-text-inverse {
  --ds-color: var(--semantic-text-inverse);
}
.semantic-text-success {
  --ds-color: var(--semantic-text-success);
}
.semantic-text-error {
  --ds-color: var(--semantic-text-error);
}
.semantic-text-warning {
  --ds-color: var(--semantic-text-warning);
}
.semantic-text-info {
  --ds-color: var(--semantic-text-info);
}
.semantic-text-link {
  --ds-color: var(--semantic-text-link);
}
.semantic-text-sunday {
  --ds-color: var(--semantic-text-sunday);
}
.semantic-text-saturday {
  --ds-color: var(--semantic-text-saturday);
}
.semantic-surface-neutral-default {
  --ds-color: var(--semantic-surface-neutral-default);
}
.semantic-surface-neutral-subtle {
  --ds-color: var(--semantic-surface-neutral-subtle);
}
.semantic-surface-neutral-strong {
  --ds-color: var(--semantic-surface-neutral-strong);
}
.semantic-surface-neutral-overlay {
  --ds-color: var(--semantic-surface-neutral-overlay);
}
.semantic-surface-neutral-disabled {
  --ds-color: var(--semantic-surface-neutral-disabled);
}
.semantic-surface-brand-subtle {
  --ds-color: var(--semantic-surface-brand-subtle);
}
.semantic-surface-brand-default {
  --ds-color: var(--semantic-surface-brand-default);
}
.semantic-surface-brand-strong {
  --ds-color: var(--semantic-surface-brand-strong);
}
.semantic-surface-brand-secondary-subtle {
  --ds-color: var(--semantic-surface-brand-secondary-subtle);
}
.semantic-surface-brand-secondary-default {
  --ds-color: var(--semantic-surface-brand-secondary-default);
}
.semantic-surface-brand-secondary-strong {
  --ds-color: var(--semantic-surface-brand-secondary-strong);
}
.semantic-surface-success-subtle {
  --ds-color: var(--semantic-surface-success-subtle);
}
.semantic-surface-success-default {
  --ds-color: var(--semantic-surface-success-default);
}
.semantic-surface-success-strong {
  --ds-color: var(--semantic-surface-success-strong);
}
.semantic-surface-error-subtle {
  --ds-color: var(--semantic-surface-error-subtle);
}
.semantic-surface-error-default {
  --ds-color: var(--semantic-surface-error-default);
}
.semantic-surface-error-strong {
  --ds-color: var(--semantic-surface-error-strong);
}
.semantic-surface-warning-subtle {
  --ds-color: var(--semantic-surface-warning-subtle);
}
.semantic-surface-warning-default {
  --ds-color: var(--semantic-surface-warning-default);
}
.semantic-surface-warning-strong {
  --ds-color: var(--semantic-surface-warning-strong);
}
.semantic-surface-info-subtle {
  --ds-color: var(--semantic-surface-info-subtle);
}
.semantic-surface-info-default {
  --ds-color: var(--semantic-surface-info-default);
}
.semantic-surface-info-strong {
  --ds-color: var(--semantic-surface-info-strong);
}
.semantic-border-default {
  --ds-color: var(--semantic-border-default);
}
.semantic-border-subtle {
  --ds-color: var(--semantic-border-subtle);
}
.semantic-border-strong {
  --ds-color: var(--semantic-border-strong);
}
.semantic-border-disabled {
  --ds-color: var(--semantic-border-disabled);
}
.semantic-border-brand {
  --ds-color: var(--semantic-border-brand);
}
.semantic-border-brand-secondary {
  --ds-color: var(--semantic-border-brand-secondary);
}
.semantic-border-success {
  --ds-color: var(--semantic-border-success);
}
.semantic-border-error {
  --ds-color: var(--semantic-border-error);
}
.semantic-border-warning {
  --ds-color: var(--semantic-border-warning);
}
.semantic-border-info {
  --ds-color: var(--semantic-border-info);
}
.semantic-icon-strong {
  --ds-color: var(--semantic-icon-strong);
}
.semantic-icon-subtle {
  --ds-color: var(--semantic-icon-subtle);
}
.semantic-icon-inverse {
  --ds-color: var(--semantic-icon-inverse);
}
.semantic-icon-brand {
  --ds-color: var(--semantic-icon-brand);
}
.semantic-icon-brand-secondary {
  --ds-color: var(--semantic-icon-brand-secondary);
}
.semantic-icon-success {
  --ds-color: var(--semantic-icon-success);
}
.semantic-icon-error {
  --ds-color: var(--semantic-icon-error);
}
.semantic-icon-warning {
  --ds-color: var(--semantic-icon-warning);
}
.semantic-icon-info {
  --ds-color: var(--semantic-icon-info);
}
.semantic-icon-disabled {
  --ds-color: var(--semantic-icon-disabled);
}
.semantic-emphasis-brand {
  --ds-color: var(--semantic-emphasis-brand);
}
.semantic-emphasis-brand-secondary {
  --ds-color: var(--semantic-emphasis-brand-secondary);
}
.semantic-emphasis-success {
  --ds-color: var(--semantic-emphasis-success);
}
.semantic-emphasis-error {
  --ds-color: var(--semantic-emphasis-error);
}
.semantic-emphasis-warning {
  --ds-color: var(--semantic-emphasis-warning);
}
.semantic-emphasis-info {
  --ds-color: var(--semantic-emphasis-info);
}
.semantic-interaction-overlay-10 {
  --ds-color: var(--semantic-interaction-overlay-10);
}
.semantic-interaction-overlay-25 {
  --ds-color: var(--semantic-interaction-overlay-25);
}
.semantic-interaction-focus-ring {
  --ds-color: var(--semantic-interaction-focus-ring);
}
.brand-primary-50 {
  --ds-color: var(--brand-primary-50);
}
.brand-primary-100 {
  --ds-color: var(--brand-primary-100);
}
.brand-primary-200 {
  --ds-color: var(--brand-primary-200);
}
.brand-primary-300 {
  --ds-color: var(--brand-primary-300);
}
.brand-primary-400 {
  --ds-color: var(--brand-primary-400);
}
.brand-primary-500 {
  --ds-color: var(--brand-primary-500);
}
.brand-primary-600 {
  --ds-color: var(--brand-primary-600);
}
.brand-primary-700 {
  --ds-color: var(--brand-primary-700);
}
.brand-primary-800 {
  --ds-color: var(--brand-primary-800);
}
.brand-primary-900 {
  --ds-color: var(--brand-primary-900);
}
.brand-secondary-50 {
  --ds-color: var(--brand-secondary-50);
}
.brand-secondary-100 {
  --ds-color: var(--brand-secondary-100);
}
.brand-secondary-200 {
  --ds-color: var(--brand-secondary-200);
}
.brand-secondary-300 {
  --ds-color: var(--brand-secondary-300);
}
.brand-secondary-400 {
  --ds-color: var(--brand-secondary-400);
}
.brand-secondary-500 {
  --ds-color: var(--brand-secondary-500);
}
.brand-secondary-600 {
  --ds-color: var(--brand-secondary-600);
}
.brand-secondary-700 {
  --ds-color: var(--brand-secondary-700);
}
.brand-secondary-800 {
  --ds-color: var(--brand-secondary-800);
}
.brand-secondary-900 {
  --ds-color: var(--brand-secondary-900);
}
.brand-neutral-50 {
  --ds-color: var(--brand-neutral-50);
}
.brand-neutral-100 {
  --ds-color: var(--brand-neutral-100);
}
.brand-neutral-200 {
  --ds-color: var(--brand-neutral-200);
}
.brand-neutral-300 {
  --ds-color: var(--brand-neutral-300);
}
.brand-neutral-400 {
  --ds-color: var(--brand-neutral-400);
}
.brand-neutral-500 {
  --ds-color: var(--brand-neutral-500);
}
.brand-neutral-600 {
  --ds-color: var(--brand-neutral-600);
}
.brand-neutral-700 {
  --ds-color: var(--brand-neutral-700);
}
.brand-neutral-800 {
  --ds-color: var(--brand-neutral-800);
}
.brand-neutral-900 {
  --ds-color: var(--brand-neutral-900);
}
.brand-base-white {
  --ds-color: var(--brand-base-white);
}
.brand-base-black-alpha-10 {
  --ds-color: var(--brand-base-black-alpha-10);
}
.brand-base-black-alpha-25 {
  --ds-color: var(--brand-base-black-alpha-25);
}
.brand-categorical-1-100 {
  --ds-color: var(--brand-categorical-1-100);
}
.brand-categorical-1-200 {
  --ds-color: var(--brand-categorical-1-200);
}
.brand-categorical-1-300 {
  --ds-color: var(--brand-categorical-1-300);
}
.brand-categorical-1-400 {
  --ds-color: var(--brand-categorical-1-400);
}
.brand-categorical-1-500 {
  --ds-color: var(--brand-categorical-1-500);
}
.brand-categorical-1-600 {
  --ds-color: var(--brand-categorical-1-600);
}
.brand-categorical-2-100 {
  --ds-color: var(--brand-categorical-2-100);
}
.brand-categorical-2-200 {
  --ds-color: var(--brand-categorical-2-200);
}
.brand-categorical-2-300 {
  --ds-color: var(--brand-categorical-2-300);
}
.brand-categorical-2-400 {
  --ds-color: var(--brand-categorical-2-400);
}
.brand-categorical-2-500 {
  --ds-color: var(--brand-categorical-2-500);
}
.brand-categorical-2-600 {
  --ds-color: var(--brand-categorical-2-600);
}
.brand-categorical-3-100 {
  --ds-color: var(--brand-categorical-3-100);
}
.brand-categorical-3-200 {
  --ds-color: var(--brand-categorical-3-200);
}
.brand-categorical-3-300 {
  --ds-color: var(--brand-categorical-3-300);
}
.brand-categorical-3-400 {
  --ds-color: var(--brand-categorical-3-400);
}
.brand-categorical-3-500 {
  --ds-color: var(--brand-categorical-3-500);
}
.brand-categorical-3-600 {
  --ds-color: var(--brand-categorical-3-600);
}
.brand-categorical-4-100 {
  --ds-color: var(--brand-categorical-4-100);
}
.brand-categorical-4-200 {
  --ds-color: var(--brand-categorical-4-200);
}
.brand-categorical-4-300 {
  --ds-color: var(--brand-categorical-4-300);
}
.brand-categorical-4-400 {
  --ds-color: var(--brand-categorical-4-400);
}
.brand-categorical-4-500 {
  --ds-color: var(--brand-categorical-4-500);
}
.brand-categorical-4-600 {
  --ds-color: var(--brand-categorical-4-600);
}
.brand-categorical-5-100 {
  --ds-color: var(--brand-categorical-5-100);
}
.brand-categorical-5-200 {
  --ds-color: var(--brand-categorical-5-200);
}
.brand-categorical-5-300 {
  --ds-color: var(--brand-categorical-5-300);
}
.brand-categorical-5-400 {
  --ds-color: var(--brand-categorical-5-400);
}
.brand-categorical-5-500 {
  --ds-color: var(--brand-categorical-5-500);
}
.brand-categorical-5-600 {
  --ds-color: var(--brand-categorical-5-600);
}
.brand-categorical-6-100 {
  --ds-color: var(--brand-categorical-6-100);
}
.brand-categorical-6-200 {
  --ds-color: var(--brand-categorical-6-200);
}
.brand-categorical-6-300 {
  --ds-color: var(--brand-categorical-6-300);
}
.brand-categorical-6-400 {
  --ds-color: var(--brand-categorical-6-400);
}
.brand-categorical-6-500 {
  --ds-color: var(--brand-categorical-6-500);
}
.brand-categorical-6-600 {
  --ds-color: var(--brand-categorical-6-600);
}
.brand-categorical-7-100 {
  --ds-color: var(--brand-categorical-7-100);
}
.brand-categorical-7-200 {
  --ds-color: var(--brand-categorical-7-200);
}
.brand-categorical-7-300 {
  --ds-color: var(--brand-categorical-7-300);
}
.brand-categorical-7-400 {
  --ds-color: var(--brand-categorical-7-400);
}
.brand-categorical-7-500 {
  --ds-color: var(--brand-categorical-7-500);
}
.brand-categorical-7-600 {
  --ds-color: var(--brand-categorical-7-600);
}
.brand-categorical-8-100 {
  --ds-color: var(--brand-categorical-8-100);
}
.brand-categorical-8-200 {
  --ds-color: var(--brand-categorical-8-200);
}
.brand-categorical-8-300 {
  --ds-color: var(--brand-categorical-8-300);
}
.brand-categorical-8-400 {
  --ds-color: var(--brand-categorical-8-400);
}
.brand-categorical-8-500 {
  --ds-color: var(--brand-categorical-8-500);
}
.brand-categorical-8-600 {
  --ds-color: var(--brand-categorical-8-600);
}
.system-success-50 {
  --ds-color: var(--system-success-50);
}
.system-success-100 {
  --ds-color: var(--system-success-100);
}
.system-success-200 {
  --ds-color: var(--system-success-200);
}
.system-success-300 {
  --ds-color: var(--system-success-300);
}
.system-success-400 {
  --ds-color: var(--system-success-400);
}
.system-success-500 {
  --ds-color: var(--system-success-500);
}
.system-success-600 {
  --ds-color: var(--system-success-600);
}
.system-success-700 {
  --ds-color: var(--system-success-700);
}
.system-success-800 {
  --ds-color: var(--system-success-800);
}
.system-success-900 {
  --ds-color: var(--system-success-900);
}
.system-error-50 {
  --ds-color: var(--system-error-50);
}
.system-error-100 {
  --ds-color: var(--system-error-100);
}
.system-error-200 {
  --ds-color: var(--system-error-200);
}
.system-error-300 {
  --ds-color: var(--system-error-300);
}
.system-error-400 {
  --ds-color: var(--system-error-400);
}
.system-error-500 {
  --ds-color: var(--system-error-500);
}
.system-error-600 {
  --ds-color: var(--system-error-600);
}
.system-error-700 {
  --ds-color: var(--system-error-700);
}
.system-error-800 {
  --ds-color: var(--system-error-800);
}
.system-error-900 {
  --ds-color: var(--system-error-900);
}
.system-warning-50 {
  --ds-color: var(--system-warning-50);
}
.system-warning-100 {
  --ds-color: var(--system-warning-100);
}
.system-warning-200 {
  --ds-color: var(--system-warning-200);
}
.system-warning-300 {
  --ds-color: var(--system-warning-300);
}
.system-warning-400 {
  --ds-color: var(--system-warning-400);
}
.system-warning-500 {
  --ds-color: var(--system-warning-500);
}
.system-warning-600 {
  --ds-color: var(--system-warning-600);
}
.system-warning-700 {
  --ds-color: var(--system-warning-700);
}
.system-warning-800 {
  --ds-color: var(--system-warning-800);
}
.system-warning-900 {
  --ds-color: var(--system-warning-900);
}
.system-info-50 {
  --ds-color: var(--system-info-50);
}
.system-info-100 {
  --ds-color: var(--system-info-100);
}
.system-info-200 {
  --ds-color: var(--system-info-200);
}
.system-info-300 {
  --ds-color: var(--system-info-300);
}
.system-info-400 {
  --ds-color: var(--system-info-400);
}
.system-info-500 {
  --ds-color: var(--system-info-500);
}
.system-info-600 {
  --ds-color: var(--system-info-600);
}
.system-info-700 {
  --ds-color: var(--system-info-700);
}
.system-info-800 {
  --ds-color: var(--system-info-800);
}
.system-info-900 {
  --ds-color: var(--system-info-900);
}
.system-link-400 {
  --ds-color: var(--system-link-400);
}
.system-link-500 {
  --ds-color: var(--system-link-500);
}
.system-link-600 {
  --ds-color: var(--system-link-600);
}
.system-link-700 {
  --ds-color: var(--system-link-700);
}

/* src/components/Accordion/accordion.scss */
.lib-xplat-accordion {
  contain: content;
  width: 100%;
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  overflow: hidden;
}
.lib-xplat-accordion .accordion-item {
  border-bottom: 1px solid var(--semantic-border-default);
}
.lib-xplat-accordion .accordion-item:last-child {
  border-bottom: none;
}
.lib-xplat-accordion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px var(--spacing-space-4);
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--semantic-typo-caption-1-r-size);
  font-weight: 500;
  color: var(--semantic-text-strong);
  text-align: left;
  transition: background-color 0.2s;
}
.lib-xplat-accordion .accordion-header:hover {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-accordion .accordion-header .chevron {
  width: var(--spacing-space-5);
  height: var(--spacing-space-5);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease;
  color: var(--semantic-text-muted);
}
.lib-xplat-accordion .accordion-body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease;
}
.lib-xplat-accordion .accordion-content {
  padding: 0 var(--spacing-space-4) 14px;
  font-size: var(--semantic-typo-caption-1-r-size);
  color: var(--semantic-text-subtle);
  line-height: 1.6;
}
.lib-xplat-accordion .accordion-item.open .chevron {
  transform: rotate(180deg);
}

/* src/components/Alert/alert.scss */
.lib-xplat-alert {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--spacing-space-3) var(--spacing-space-4);
  border-radius: var(--spacing-radius-md);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
  border: 1px solid;
}
.lib-xplat-alert .content {
  flex: 1;
}
.lib-xplat-alert .close-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: 1;
  margin-left: var(--spacing-space-2);
  padding: 0;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.lib-xplat-alert .close-btn:hover {
  opacity: 1;
}
.lib-xplat-alert.info {
  background-color: var(--semantic-surface-info-subtle);
  border-color: var(--semantic-border-info);
  color: var(--semantic-text-info);
}
.lib-xplat-alert.info .close-btn {
  color: var(--semantic-text-info);
}
.lib-xplat-alert.success {
  background-color: var(--semantic-surface-success-subtle);
  border-color: var(--semantic-border-success);
  color: var(--semantic-text-success);
}
.lib-xplat-alert.success .close-btn {
  color: var(--semantic-text-success);
}
.lib-xplat-alert.warning {
  background-color: var(--semantic-surface-warning-subtle);
  border-color: var(--semantic-border-warning);
  color: var(--semantic-text-warning);
}
.lib-xplat-alert.warning .close-btn {
  color: var(--semantic-text-warning);
}
.lib-xplat-alert.error {
  background-color: var(--semantic-surface-error-subtle);
  border-color: var(--semantic-border-error);
  color: var(--semantic-text-error);
}
.lib-xplat-alert.error .close-btn {
  color: var(--semantic-text-error);
}

/* src/components/Avatar/avatar.scss */
.lib-xplat-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  user-select: none;
}
.lib-xplat-avatar.sm {
  width: var(--spacing-control-height-sm);
  height: var(--spacing-control-height-sm);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-avatar.md {
  width: var(--spacing-control-height-md);
  height: var(--spacing-control-height-md);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-avatar.lg {
  width: var(--spacing-control-height-lg);
  height: var(--spacing-control-height-lg);
  font-size: var(--semantic-typo-label-1-m-size);
}
.lib-xplat-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lib-xplat-avatar .fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background-color: var(--semantic-surface-neutral-subtle);
  color: var(--semantic-text-muted);
}
.lib-xplat-avatar .fallback.cat-1 {
  background-color: var(--semantic-categorical-1-bg);
  color: var(--semantic-categorical-1-text);
}
.lib-xplat-avatar .fallback.cat-2 {
  background-color: var(--semantic-categorical-2-bg);
  color: var(--semantic-categorical-2-text);
}
.lib-xplat-avatar .fallback.cat-3 {
  background-color: var(--semantic-categorical-3-bg);
  color: var(--semantic-categorical-3-text);
}
.lib-xplat-avatar .fallback.cat-4 {
  background-color: var(--semantic-categorical-4-bg);
  color: var(--semantic-categorical-4-text);
}
.lib-xplat-avatar .fallback.cat-5 {
  background-color: var(--semantic-categorical-5-bg);
  color: var(--semantic-categorical-5-text);
}
.lib-xplat-avatar .fallback.cat-6 {
  background-color: var(--semantic-categorical-6-bg);
  color: var(--semantic-categorical-6-text);
}
.lib-xplat-avatar .fallback.cat-7 {
  background-color: var(--semantic-categorical-7-bg);
  color: var(--semantic-categorical-7-text);
}
.lib-xplat-avatar .fallback.cat-8 {
  background-color: var(--semantic-categorical-8-bg);
  color: var(--semantic-categorical-8-text);
}
.lib-xplat-avatar .fallback svg {
  width: 60%;
  height: 60%;
}

/* src/components/Badge/badge.scss */
.lib-xplat-badge {
  position: relative;
  display: inline-flex;
}
.lib-xplat-badge.sm .badge-indicator {
  min-width: var(--spacing-space-4);
  height: var(--spacing-space-4);
  font-size: var(--semantic-typo-caption-2-r-size);
  padding: 0 var(--spacing-space-1);
}
.lib-xplat-badge.sm .badge-indicator.dot {
  min-width: var(--spacing-space-2);
  height: var(--spacing-space-2);
}
.lib-xplat-badge.lg .badge-indicator {
  min-width: var(--spacing-space-6);
  height: var(--spacing-space-6);
  font-size: var(--semantic-typo-caption-1-r-size);
  padding: 0 var(--spacing-space-2);
}
.lib-xplat-badge.lg .badge-indicator.dot {
  min-width: var(--spacing-space-2);
  height: var(--spacing-space-2);
}
.lib-xplat-badge .badge-indicator {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--spacing-radius-full);
  color: var(--semantic-text-inverse);
  font-size: var(--semantic-typo-caption-2-r-size);
  font-weight: 600;
  line-height: 1;
  min-width: var(--spacing-space-4);
  height: var(--spacing-space-4);
  padding: 0 var(--spacing-space-1);
  box-sizing: border-box;
}
.lib-xplat-badge .badge-indicator.dot {
  min-width: var(--spacing-space-2);
  height: var(--spacing-space-2);
  padding: 0;
}
.lib-xplat-badge .badge-indicator.error {
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-badge .badge-indicator.success {
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-badge .badge-indicator.warning {
  background-color: var(--semantic-surface-warning-default);
  color: var(--semantic-text-strong);
}
.lib-xplat-badge .badge-indicator.info {
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-badge .badge-indicator.brand {
  background-color: var(--semantic-surface-brand-default);
}

/* src/components/Box/box.scss */
.lib-xplat-box {
  contain: layout style;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  border-radius: var(--spacing-radius-xl);
  background-color: var(--semantic-surface-neutral-default);
  overflow: hidden;
}
.lib-xplat-box.outlined {
  border: 1px solid var(--semantic-border-default);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.lib-xplat-box.elevated {
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
}
.lib-xplat-box.flat {
  border: none;
  background-color: var(--semantic-surface-neutral-subtle);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.lib-xplat-box > .box-title {
  font-weight: 600;
  font-size: var(--semantic-typo-caption-1-r-size);
  color: var(--semantic-text-strong);
  padding: var(--spacing-space-3) var(--spacing-space-4);
  border-bottom: 1px solid var(--semantic-border-subtle);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lib-xplat-box > .box-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.lib-xplat-box.pad-none > .box-content {
  padding: 0;
}
.lib-xplat-box.pad-sm > .box-content {
  padding: var(--spacing-space-2) var(--spacing-space-3);
}
.lib-xplat-box.pad-md > .box-content {
  padding: var(--spacing-space-4);
}
.lib-xplat-box.pad-lg > .box-content {
  padding: var(--spacing-space-6);
}

/* src/components/Breadcrumb/breadcrumb.scss */
.lib-xplat-breadcrumb {
  width: 100%;
}
.lib-xplat-breadcrumb ol {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--spacing-space-1);
  flex-wrap: wrap;
}
.lib-xplat-breadcrumb li {
  display: flex;
  align-items: center;
  gap: var(--spacing-space-1);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-breadcrumb .link {
  color: var(--semantic-text-muted);
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  font-size: inherit;
  cursor: pointer;
  transition: color 0.2s;
}
.lib-xplat-breadcrumb .link:hover {
  color: var(--semantic-text-strong);
}
.lib-xplat-breadcrumb .current {
  color: var(--semantic-text-strong);
  font-weight: 500;
}
.lib-xplat-breadcrumb .separator {
  color: var(--semantic-icon-subtle);
  user-select: none;
}

/* src/components/Button/button.scss */
.lib-xplat-button {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-space-2);
  white-space: nowrap;
  border-radius: var(--spacing-radius-md);
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lib-xplat-button.sm {
  height: var(--spacing-control-height-sm);
  padding: 0 var(--spacing-space-3);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
}
.lib-xplat-button.md {
  height: var(--spacing-control-height-md);
  padding: 0 var(--spacing-space-4);
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
}
.lib-xplat-button.lg {
  height: var(--spacing-control-height-lg);
  padding: 0 var(--spacing-space-6);
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
}
.lib-xplat-button:disabled {
  cursor: not-allowed;
  background-color: var(--semantic-surface-neutral-disabled) !important;
  border-color: var(--semantic-surface-neutral-disabled) !important;
  color: var(--semantic-text-disabled) !important;
}
.lib-xplat-button.primary {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-button.primary:hover:not(:disabled) {
  background-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-button.primary:active:not(:disabled) {
  background-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-button.primary:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-button.secondary {
  color: var(--semantic-surface-brand-default);
  background-color: var(--semantic-surface-neutral-default);
  border-color: var(--semantic-border-default);
}
.lib-xplat-button.secondary:hover:not(:disabled) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-button.secondary:active:not(:disabled) {
  background-color: var(--semantic-surface-neutral-strong);
}
.lib-xplat-button.secondary:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-button.danger {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-button.danger:hover:not(:disabled) {
  background-color: var(--semantic-surface-error-strong);
}
.lib-xplat-button.danger:active:not(:disabled) {
  background-color: var(--semantic-surface-error-strong);
}
.lib-xplat-button.danger:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-button.ghost {
  color: var(--semantic-text-subtle);
  background-color: transparent;
  border-color: transparent;
}
.lib-xplat-button.ghost:hover:not(:disabled) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-button.ghost:active:not(:disabled) {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-button.ghost:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}

/* src/components/Calendar/calendar.scss */
.lib-xplat-calendar {
  contain: content;
  width: 100%;
  height: 100%;
  min-width: 200px;
  user-select: none;
  container-type: inline-size;
}
.lib-xplat-calendar .calendar-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-space-2);
  margin-bottom: var(--spacing-space-4);
}
.lib-xplat-calendar .calendar-title {
  font-size: clamp(14px, 3cqi, 20px);
  font-weight: 600;
  color: var(--semantic-text-strong);
  min-width: 120px;
  text-align: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--spacing-space-1) var(--spacing-space-2);
  border-radius: var(--spacing-radius-md);
  transition: background-color 0.15s;
}
.lib-xplat-calendar .calendar-title:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-calendar .calendar-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-space-7);
  height: var(--spacing-space-7);
  border: none;
  border-radius: var(--spacing-radius-md);
  background: none;
  cursor: pointer;
  color: var(--semantic-text-subtle);
  transition: background-color 0.15s;
}
.lib-xplat-calendar .calendar-nav:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-calendar .calendar-nav svg {
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-calendar .calendar-today-btn {
  margin-left: auto;
  padding: var(--spacing-space-1) var(--spacing-space-3);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  background: none;
  font-size: clamp(12px, 2cqi, 14px);
  color: var(--semantic-text-subtle);
  cursor: pointer;
  transition: background-color 0.15s;
}
.lib-xplat-calendar .calendar-today-btn:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-calendar .calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: var(--spacing-space-1);
}
.lib-xplat-calendar .calendar-weekday {
  text-align: center;
  font-size: clamp(11px, 2cqi, 14px);
  font-weight: 500;
  padding: var(--spacing-space-2) 0;
  color: var(--semantic-text-muted);
}
.lib-xplat-calendar .calendar-weekday.sunday {
  color: var(--semantic-text-sunday);
}
.lib-xplat-calendar .calendar-weekday.saturday {
  color: var(--semantic-text-saturday);
}
.lib-xplat-calendar .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.lib-xplat-calendar .calendar-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/0.85;
  cursor: pointer;
  border-radius: var(--spacing-radius-md);
  transition: background-color 0.15s;
}
.lib-xplat-calendar .calendar-day:hover:not(.disabled):not(.outside):not(.selected) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-calendar .calendar-day.outside {
  cursor: default;
}
.lib-xplat-calendar .calendar-day.outside .calendar-day-number {
  color: var(--semantic-text-disabled);
}
.lib-xplat-calendar .calendar-day.outside.sunday .calendar-day-number {
  color: color-mix(in srgb, var(--semantic-text-sunday) 35%, transparent);
}
.lib-xplat-calendar .calendar-day.outside.saturday .calendar-day-number {
  color: color-mix(in srgb, var(--semantic-text-saturday) 35%, transparent);
}
.lib-xplat-calendar .calendar-day.disabled {
  cursor: not-allowed;
}
.lib-xplat-calendar .calendar-day.disabled .calendar-day-number {
  color: var(--semantic-text-disabled);
}
.lib-xplat-calendar .calendar-day.today .calendar-day-number {
  font-weight: 700;
  color: var(--semantic-surface-brand-default);
}
.lib-xplat-calendar .calendar-day.selected {
  box-shadow: inset 0 0 0 1.5px var(--calendar-selected-color, var(--semantic-text-muted));
}
.lib-xplat-calendar .calendar-day.selected .calendar-day-number {
  font-weight: 700;
}
.lib-xplat-calendar .calendar-day.selected:hover {
  background-color: color-mix(in srgb, var(--calendar-selected-color, var(--semantic-text-muted)) 10%, transparent);
}
.lib-xplat-calendar .calendar-day.sunday:not(.outside) .calendar-day-number {
  color: var(--semantic-text-sunday);
}
.lib-xplat-calendar .calendar-day.saturday:not(.outside) .calendar-day-number {
  color: var(--semantic-text-saturday);
}
.lib-xplat-calendar .calendar-day-number {
  font-size: clamp(12px, 2.5cqi, 16px);
  line-height: 1;
  color: var(--semantic-text-strong);
}
.lib-xplat-calendar .calendar-day-events {
  display: flex;
  gap: 2px;
  margin-top: var(--spacing-space-1);
  align-items: center;
}
.lib-xplat-calendar .calendar-event-dot {
  width: var(--spacing-space-1);
  height: var(--spacing-space-1);
  border-radius: 50%;
  flex-shrink: 0;
  cursor: pointer;
}
.lib-xplat-calendar .calendar-event-more {
  font-size: var(--semantic-typo-caption-2-r-size);
  color: var(--semantic-text-muted);
  line-height: 1;
}
.lib-xplat-calendar .calendar-picker-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-space-2);
  padding: var(--spacing-space-2) 0;
}
.lib-xplat-calendar .calendar-picker-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-space-2);
  border: none;
  border-radius: var(--spacing-radius-md);
  background: none;
  font-size: clamp(12px, 2.5cqi, 15px);
  color: var(--semantic-text-subtle);
  cursor: pointer;
  transition: background-color 0.15s;
}
.lib-xplat-calendar .calendar-picker-cell:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-calendar .calendar-picker-cell.active {
  background-color: var(--semantic-surface-neutral-strong);
  color: var(--semantic-text-inverse);
  font-weight: 600;
}

/* src/components/CardTab/cardTab.scss */
.lib-xplat-card-tab {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.lib-xplat-card-tab .card-tab-bar {
  display: flex;
  align-items: flex-end;
  gap: 2px;
}
.lib-xplat-card-tab .card-tab-trigger {
  position: relative;
  cursor: pointer;
  border: 1px solid var(--semantic-border-default);
  border-bottom: none;
  border-radius: var(--spacing-radius-md) var(--spacing-radius-md) 0 0;
  background-color: var(--semantic-surface-neutral-disabled);
  color: var(--semantic-text-muted);
  font-weight: 500;
  transition: background-color 0.2s, color 0.2s;
}
.lib-xplat-card-tab .card-tab-trigger:hover:not(.active) {
  background-color: var(--semantic-surface-neutral-subtle);
  color: var(--semantic-text-subtle);
}
.lib-xplat-card-tab .card-tab-trigger.active {
  background-color: var(--semantic-surface-neutral-default);
  color: var(--semantic-text-strong);
  font-weight: 600;
  z-index: 1;
  margin-bottom: -1px;
  padding-bottom: calc(var(--tab-py) + 1px);
}
.lib-xplat-card-tab .card-tab-body {
  border: 1px solid var(--semantic-border-default);
  border-radius: 0 var(--spacing-radius-md) var(--spacing-radius-md) var(--spacing-radius-md);
  background-color: var(--semantic-surface-neutral-default);
  padding: var(--spacing-space-5);
}
.lib-xplat-card-tab .card-tab-panel {
  display: grid;
  grid-template-columns: repeat(var(--card-tab-columns, 3), 1fr);
  gap: var(--spacing-space-4);
}
.lib-xplat-card-tab.sm .card-tab-trigger {
  --tab-py: var(--spacing-space-1);
  padding: var(--spacing-space-1) var(--spacing-space-3);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-card-tab.sm .card-tab-body {
  padding: var(--spacing-space-4);
}
.lib-xplat-card-tab.sm .card-tab-panel {
  gap: var(--spacing-space-3);
}
.lib-xplat-card-tab.md .card-tab-trigger {
  --tab-py: 6px;
  padding: 6px var(--spacing-space-4);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-card-tab.md .card-tab-body {
  padding: var(--spacing-space-5);
}
.lib-xplat-card-tab.md .card-tab-panel {
  gap: var(--spacing-space-4);
}
.lib-xplat-card-tab.lg .card-tab-trigger {
  --tab-py: var(--spacing-space-2);
  padding: var(--spacing-space-2) var(--spacing-space-5);
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-card-tab.lg .card-tab-body {
  padding: var(--spacing-space-6);
}
.lib-xplat-card-tab.lg .card-tab-panel {
  gap: var(--spacing-space-5);
}

/* src/components/Tooltip/tooltip.scss */
.lib-xplat-tooltip-trigger {
  display: inline-flex;
}
.lib-xplat-tooltip {
  z-index: 1100;
  padding: var(--spacing-space-3);
  border-radius: var(--spacing-radius-md);
  max-width: 240px;
  pointer-events: none;
  animation: tooltip-show 120ms ease-out;
}
.lib-xplat-tooltip .tooltip-title {
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
  font-weight: 400;
}
.lib-xplat-tooltip .tooltip-desc {
  font-size: var(--semantic-typo-caption-2-r-size);
  line-height: var(--semantic-typo-caption-2-r-lh);
  font-weight: 400;
}
.lib-xplat-tooltip.dark {
  background-color: var(--semantic-surface-neutral-strong);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.lib-xplat-tooltip.dark .tooltip-title,
.lib-xplat-tooltip.dark .tooltip-desc {
  color: var(--semantic-text-subtle);
}
.lib-xplat-tooltip.light {
  background-color: var(--semantic-surface-neutral-default);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.lib-xplat-tooltip.light .tooltip-title,
.lib-xplat-tooltip.light .tooltip-desc {
  color: var(--semantic-text-subtle);
}
@keyframes tooltip-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* src/components/Chart/chart.scss */
.lib-xplat-chart {
  contain: layout style;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.lib-xplat-chart .chart-svg {
  display: block;
  width: 100%;
  flex: 1;
  min-height: 0;
  will-change: transform;
  contain: layout style paint;
}
.lib-xplat-chart .chart-grid {
  stroke: var(--semantic-border-subtle);
  stroke-width: 1;
}
.lib-xplat-chart .chart-axis-label {
  font-size: var(--semantic-typo-caption-2-r-size);
  fill: var(--semantic-text-muted);
}
.lib-xplat-chart .chart-pie-label {
  font-size: var(--semantic-typo-caption-2-r-size);
  font-weight: 600;
  fill: var(--semantic-text-inverse);
  pointer-events: none;
  opacity: 1;
}
.lib-xplat-chart .chart-pie {
  max-width: 300px;
  margin: 0 auto;
}
.lib-xplat-chart .chart-point {
  cursor: pointer;
  r: 0;
  opacity: 0;
  transition: r 0.15s ease-out, opacity 0.15s ease-out;
}
.lib-xplat-chart .chart-point:hover {
  r: 6;
  opacity: 1;
}
.lib-xplat-chart .chart-svg:hover .chart-point {
  r: 3;
  opacity: 0.6;
}
.lib-xplat-chart .chart-bar {
  cursor: pointer;
  transition: opacity 0.15s ease-out, filter 0.15s ease-out;
}
.lib-xplat-chart .chart-bar:hover {
  opacity: 0.85;
  filter: brightness(1.08);
}
.lib-xplat-chart .chart-slice {
  cursor: pointer;
  stroke: var(--semantic-surface-neutral-default);
  stroke-width: 2;
  transition:
    opacity 0.15s ease-out,
    filter 0.15s ease-out,
    transform 0.15s ease-out;
  transform-origin: center;
}
.lib-xplat-chart .chart-pie:has(.chart-slice:hover) .chart-slice {
  opacity: 0.5;
}
.lib-xplat-chart .chart-slice:hover {
  opacity: 1 !important;
  transform: scale(1.03);
  filter: brightness(1.05) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}
.lib-xplat-chart .chart-area {
  opacity: 1;
}
.lib-xplat-chart .chart-crosshair {
  stroke: var(--semantic-border-strong);
  stroke-width: 1;
  stroke-dasharray: 4 3;
  pointer-events: none;
}
.lib-xplat-chart .chart-point-active {
  pointer-events: none;
  transition: cx 0.05s, cy 0.05s;
}
.lib-xplat-chart .chart-crosshair-label {
  font-size: var(--semantic-typo-caption-2-r-size);
  font-weight: 500;
  color: var(--semantic-text-strong);
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}
.lib-xplat-chart .chart-bar-animate {
  animation: chart-bar-grow 800ms ease-out both;
}
.lib-xplat-chart .chart-pie-label-animate {
  opacity: 0;
  animation: chart-fade-in 150ms ease-out both;
}
.lib-xplat-chart .chart-area[style*=animationDelay] {
  animation: chart-fade-in 800ms ease-out both;
}
.lib-xplat-chart .chart-tooltip-pos {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
.lib-xplat-chart .chart-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-space-4);
  padding: var(--spacing-space-3) 0;
}
.lib-xplat-chart .chart-legend-item {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-space-2);
}
.lib-xplat-chart .chart-legend-dot {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 3px;
}
.lib-xplat-chart .chart-legend-text {
  display: flex;
  flex-direction: column;
}
.lib-xplat-chart .chart-legend-label {
  font-size: var(--semantic-typo-caption-2-r-size);
  color: var(--semantic-text-muted);
}
.lib-xplat-chart .chart-legend-value {
  font-size: var(--semantic-typo-caption-1-r-size);
  font-weight: 600;
  color: var(--semantic-text-strong);
}
@keyframes chart-bar-grow {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes chart-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lib-xplat-chart .chart-bar-animate,
  .lib-xplat-chart .chart-pie-label-animate,
  .lib-xplat-chart .chart-area {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* src/components/AutoResizeTextArea/autoResizeTextArea.scss */
.lib-xplat-auto-resize-textarea-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-space-2);
}
.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea {
  display: flex;
  align-items: center;
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  min-height: var(--spacing-control-height-md);
  overflow: hidden;
  background-color: var(--semantic-surface-neutral-default);
  width: 100%;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:hover:not(.disabled):not(:focus-within) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:focus-within {
  border-color: var(--semantic-interaction-focus-ring);
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
}
.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:has(> textarea:not(:placeholder-shown)):not(:focus-within) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea.disabled {
  background-color: var(--semantic-surface-neutral-disabled);
  cursor: not-allowed;
}
.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea > textarea {
  border: none;
  outline: none;
  flex: 1;
  padding: var(--spacing-space-2) var(--spacing-space-4);
  width: 100%;
  color: var(--semantic-text-subtle);
  resize: none;
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
  font-family: inherit;
}
.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea > textarea:disabled {
  cursor: not-allowed;
}

/* src/components/IconButton/iconButton.scss */
.lib-xplat-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid transparent;
  border-radius: var(--spacing-radius-md);
  cursor: pointer;
  transition: background-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lib-xplat-icon-button.sm {
  width: var(--spacing-control-height-sm);
  height: var(--spacing-control-height-sm);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-icon-button.md {
  width: var(--spacing-control-height-md);
  height: var(--spacing-control-height-md);
  font-size: var(--semantic-typo-label-1-m-size);
}
.lib-xplat-icon-button.lg {
  width: var(--spacing-control-height-lg);
  height: var(--spacing-control-height-lg);
  font-size: var(--semantic-typo-heading-1-m-size);
}
.lib-xplat-icon-button:disabled {
  cursor: not-allowed;
  background-color: var(--semantic-surface-neutral-disabled) !important;
  border-color: var(--semantic-surface-neutral-disabled) !important;
  color: var(--semantic-text-disabled) !important;
}
.lib-xplat-icon-button.primary {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-icon-button.primary:hover:not(:disabled) {
  background-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-icon-button.primary:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-icon-button.secondary {
  color: var(--semantic-surface-brand-default);
  background-color: var(--semantic-surface-neutral-default);
  border-color: var(--semantic-border-default);
}
.lib-xplat-icon-button.secondary:hover:not(:disabled) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-icon-button.secondary:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-icon-button.danger {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-icon-button.danger:hover:not(:disabled) {
  background-color: var(--semantic-surface-error-strong);
}
.lib-xplat-icon-button.danger:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-icon-button.ghost {
  color: var(--semantic-text-subtle);
  background-color: transparent;
}
.lib-xplat-icon-button.ghost:hover:not(:disabled) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-icon-button.ghost:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}

/* src/components/ChatInput/chatInput.scss */
.lib-xplat-chat-input {
  display: flex;
  align-items: flex-end;
  width: 100%;
  gap: var(--spacing-space-2);
  padding: var(--spacing-space-3);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-lg);
  background-color: var(--semantic-surface-neutral-default);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.lib-xplat-chat-input:hover:not(.disabled):not(:focus-within) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-chat-input:focus-within {
  border-color: var(--semantic-interaction-focus-ring);
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
}
.lib-xplat-chat-input.disabled {
  background-color: var(--semantic-surface-neutral-subtle);
  border-color: var(--semantic-border-default);
  cursor: not-allowed;
}
.lib-xplat-chat-input .chat-input-textarea {
  flex: 1;
  border: none;
  outline: none;
  resize: none;
  min-height: var(--spacing-control-height-sm);
  max-height: 200px;
  overflow-y: auto;
  padding: 4px 0;
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
  color: var(--semantic-text-strong);
  background: transparent;
}
.lib-xplat-chat-input .chat-input-textarea::placeholder {
  color: var(--semantic-text-disabled);
}
.lib-xplat-chat-input .chat-input-textarea:disabled {
  cursor: not-allowed;
  color: var(--semantic-text-disabled);
}

/* src/components/CheckBox/checkbox.scss */
.lib-xplat-checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-space-2);
  cursor: pointer;
  user-select: none;
  width: fit-content;
}
.lib-xplat-checkbox > input {
  display: none;
  pointer-events: none;
}
.lib-xplat-checkbox.sm > .checkbox {
  width: var(--spacing-space-4);
  height: var(--spacing-space-4);
  margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
}
.lib-xplat-checkbox.md > .checkbox {
  width: var(--spacing-space-5);
  height: var(--spacing-space-5);
  margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
}
.lib-xplat-checkbox.lg > .checkbox {
  width: var(--spacing-space-6);
  height: var(--spacing-space-6);
}
.lib-xplat-checkbox.sm > .label {
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
}
.lib-xplat-checkbox.md > .label {
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
}
.lib-xplat-checkbox.lg > .label {
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
}
.lib-xplat-checkbox > .checkbox {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: var(--spacing-radius-sm);
  transition: border-color 0.12s ease-out, background-color 0.12s ease-out;
}
.lib-xplat-checkbox > .checkbox .check-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.1s ease-out, transform 0.1s ease-out;
}
.lib-xplat-checkbox > .checkbox .check-icon.visible {
  opacity: 1;
  transform: scale(1);
}
.lib-xplat-checkbox > .checkbox.unchecked {
  border: 1px solid var(--semantic-border-strong);
}
.lib-xplat-checkbox:hover > .checkbox.unchecked {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-checkbox.brand > .checkbox.checked {
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-checkbox.success > .checkbox.checked {
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-checkbox.error > .checkbox.checked {
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-checkbox.warning > .checkbox.checked {
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-checkbox.info > .checkbox.checked {
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-checkbox:hover.brand > .checkbox.checked {
  background-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-checkbox:hover.success > .checkbox.checked {
  background-color: var(--semantic-surface-success-strong);
}
.lib-xplat-checkbox:hover.error > .checkbox.checked {
  background-color: var(--semantic-surface-error-strong);
}
.lib-xplat-checkbox:hover.warning > .checkbox.checked {
  background-color: var(--semantic-surface-warning-strong);
}
.lib-xplat-checkbox:hover.info > .checkbox.checked {
  background-color: var(--semantic-surface-info-strong);
}
.lib-xplat-checkbox > .checkbox.disabled {
  cursor: not-allowed;
  background-color: var(--semantic-surface-neutral-disabled) !important;
  border-color: var(--semantic-surface-neutral-disabled) !important;
}
.lib-xplat-checkbox > .label {
  color: var(--semantic-text-strong);
  font-weight: 400;
}

/* src/components/Chip/chip.scss */
.lib-xplat-chip {
  border-radius: var(--spacing-radius-full);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  transition: background-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lib-xplat-chip.sm {
  padding: 1px var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-chip.md {
  padding: 2px var(--spacing-space-3);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-chip.lg {
  padding: var(--spacing-space-1) var(--spacing-space-4);
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-chip.primary {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-chip.secondary {
  color: var(--semantic-surface-brand-default);
  background-color: var(--semantic-surface-neutral-default);
  border: 1px solid var(--semantic-border-default);
}
.lib-xplat-chip.neutral {
  color: var(--semantic-text-subtle);
  background-color: var(--semantic-surface-neutral-subtle);
  border: 1px solid var(--semantic-border-default);
}
.lib-xplat-chip.success {
  color: var(--semantic-text-success);
  background-color: var(--semantic-surface-success-subtle);
}
.lib-xplat-chip.error {
  color: var(--semantic-text-error);
  background-color: var(--semantic-surface-error-subtle);
}
.lib-xplat-chip.warning {
  color: var(--semantic-text-warning);
  background-color: var(--semantic-surface-warning-subtle);
}
.lib-xplat-chip.info {
  color: var(--semantic-text-info);
  background-color: var(--semantic-surface-info-subtle);
}

/* src/components/Input/input.scss */
.lib-xplat-input-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-space-2);
}
.lib-xplat-input-wrap .lib-xplat-input {
  display: flex;
  align-items: center;
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  overflow: hidden;
  background-color: var(--semantic-surface-neutral-default);
  padding-right: var(--spacing-space-2);
  width: 100%;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.lib-xplat-input-wrap .lib-xplat-input:hover:not(.disabled):not(:focus-within) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-input-wrap .lib-xplat-input:focus-within {
  border-color: var(--semantic-interaction-focus-ring);
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
}
.lib-xplat-input-wrap .lib-xplat-input:has(> input:not(:placeholder-shown)):not(:focus-within) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-input-wrap .lib-xplat-input.sm {
  height: var(--spacing-control-height-sm);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
}
.lib-xplat-input-wrap .lib-xplat-input.md {
  height: var(--spacing-control-height-md);
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
}
.lib-xplat-input-wrap .lib-xplat-input.lg {
  height: var(--spacing-control-height-lg);
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
}
.lib-xplat-input-wrap .lib-xplat-input.disabled {
  background-color: var(--semantic-surface-neutral-disabled);
  cursor: not-allowed;
}
.lib-xplat-input-wrap .lib-xplat-input > input {
  border: none;
  outline: none;
  flex: 1;
  padding-left: var(--spacing-space-4);
  padding-right: var(--spacing-space-2);
  width: 100%;
  color: var(--semantic-text-subtle);
  font-size: inherit;
  font-family: inherit;
}
.lib-xplat-input-wrap .lib-xplat-input > input :disabled {
  cursor: not-allowed;
}
.lib-xplat-input-wrap .lib-xplat-input > .suffix {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--semantic-icon-subtle);
  padding-right: var(--spacing-space-2);
}
.lib-xplat-input-wrap .lib-xplat-input > .suffix > .wrapper {
  font: 500;
}
.lib-xplat-input-wrap .lib-xplat-input > .suffix > .wrapper.pointer {
  cursor: pointer;
}
.lib-xplat-input-wrap .lib-xplat-input-validation-wrap {
  display: flex;
  gap: var(--spacing-space-2);
  margin-left: var(--spacing-space-1);
}
.lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation {
  display: flex;
  gap: var(--spacing-space-1);
  font-size: var(--semantic-typo-caption-2-r-size);
  line-height: var(--semantic-typo-caption-2-r-lh);
  align-items: center;
  user-select: none;
}
.lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation.default {
  color: var(--semantic-icon-subtle);
}
.lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation.success {
  color: var(--semantic-text-success);
}
.lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation.warning {
  color: var(--semantic-text-warning);
}
.lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation.error {
  color: var(--semantic-text-error);
}
.lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation > .icon {
  font-size: var(--semantic-typo-label-2-m-size);
}

/* src/components/Modal/modal.scss */
.lib-xplat-modal {
  z-index: 11;
}
.lib-xplat-modal.modal-box {
  border-radius: var(--spacing-radius-lg);
  background-color: var(--semantic-surface-neutral-default);
  padding: var(--spacing-space-6);
  min-width: min-content;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  overflow: visible;
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.lib-xplat-modal.modal-box.enter {
  transform: scale(1);
  opacity: 1;
}
.lib-xplat-modal.modal-box.exit {
  transform: scale(0.9);
  opacity: 0;
}
.lib-xplat-modal.dim {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s ease;
}
.lib-xplat-modal.dim.enter {
  opacity: 1;
}
.lib-xplat-modal.dim.exit {
  opacity: 0;
}

/* src/components/DatePicker/datepicker.scss */
.lib-xplat-datepicker {
  contain: content;
  user-select: none;
  width: 100%;
}
.lib-xplat-datepicker .datepicker-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-space-2);
  margin-bottom: var(--spacing-space-3);
}
.lib-xplat-datepicker .datepicker-title {
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--spacing-space-1) var(--spacing-space-2);
  border-radius: var(--spacing-radius-md);
  transition: background-color 0.15s;
  font-size: clamp(13px, 3cqi, 18px);
  font-weight: 600;
  color: var(--semantic-text-strong);
  min-width: 110px;
  text-align: center;
}
.lib-xplat-datepicker .datepicker-title:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-datepicker .datepicker-body {
  display: flex;
  flex-direction: column;
}
.lib-xplat-datepicker .datepicker-picker-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: var(--spacing-space-1);
  padding: var(--spacing-space-1) 0;
  flex: 1;
}
.lib-xplat-datepicker .datepicker-picker-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-space-3);
  border: none;
  border-radius: var(--spacing-radius-md);
  background: none;
  font-size: clamp(11px, 2cqi, 13px);
  color: var(--semantic-text-subtle);
  cursor: pointer;
  transition: background-color 0.15s;
}
.lib-xplat-datepicker .datepicker-picker-cell:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-datepicker .datepicker-picker-cell.active {
  background-color: var(--semantic-surface-brand-default);
  color: var(--semantic-text-inverse);
  font-weight: 600;
}
.lib-xplat-datepicker .datepicker-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-space-7);
  height: var(--spacing-space-7);
  border: none;
  border-radius: var(--spacing-radius-md);
  background: none;
  cursor: pointer;
  color: var(--semantic-text-muted);
  transition: background-color 0.15s;
}
.lib-xplat-datepicker .datepicker-nav:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-datepicker .datepicker-nav svg {
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-datepicker .datepicker-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: var(--spacing-space-1);
}
.lib-xplat-datepicker .datepicker-weekday {
  text-align: center;
  font-size: clamp(11px, 2cqi, 14px);
  font-weight: 500;
  padding: var(--spacing-space-1) 0;
  color: var(--semantic-text-muted);
}
.lib-xplat-datepicker .datepicker-weekday.sunday {
  color: var(--semantic-text-sunday);
}
.lib-xplat-datepicker .datepicker-weekday.saturday {
  color: var(--semantic-text-saturday);
}
.lib-xplat-datepicker .datepicker-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.lib-xplat-datepicker .datepicker-day {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100%;
  aspect-ratio: 1;
  font-size: clamp(12px, 2.5cqi, 16px);
  border: none;
  border-radius: var(--spacing-radius-md);
  background: none;
  cursor: pointer;
  color: var(--semantic-text-strong);
  transition: background-color 0.15s, color 0.15s;
}
.lib-xplat-datepicker .datepicker-day:hover:not(:disabled):not(.outside):not(.selected) {
  background-color: color-mix(in srgb, var(--semantic-surface-brand-default) 15%, transparent);
}
.lib-xplat-datepicker .datepicker-day.outside {
  color: var(--semantic-text-disabled);
  cursor: default;
}
.lib-xplat-datepicker .datepicker-day.outside.sunday {
  color: color-mix(in srgb, var(--semantic-text-sunday) 35%, transparent);
}
.lib-xplat-datepicker .datepicker-day.outside.saturday {
  color: color-mix(in srgb, var(--semantic-text-saturday) 35%, transparent);
}
.lib-xplat-datepicker .datepicker-day.disabled {
  color: var(--semantic-text-disabled);
  cursor: not-allowed;
}
.lib-xplat-datepicker .datepicker-day.today {
  font-weight: 700;
  box-shadow: inset 0 0 0 1px var(--semantic-surface-brand-default);
}
.lib-xplat-datepicker .datepicker-day.selected {
  background-color: var(--semantic-surface-brand-default);
  color: var(--semantic-text-inverse);
  font-weight: 600;
}
.lib-xplat-datepicker .datepicker-day.selected:hover {
  background-color: color-mix(in srgb, var(--semantic-surface-brand-default), black 15%);
}
.lib-xplat-datepicker .datepicker-day.highlighted {
  background-color: color-mix(in srgb, var(--semantic-surface-brand-default) 20%, transparent);
}
.lib-xplat-datepicker .datepicker-day.in-range {
  background-color: color-mix(in srgb, var(--semantic-surface-brand-default) 12%, transparent);
  border-radius: 0;
}
.lib-xplat-datepicker .datepicker-day.sunday:not(.selected):not(.outside):not(.disabled) {
  color: var(--semantic-text-sunday);
}
.lib-xplat-datepicker .datepicker-day.saturday:not(.selected):not(.outside):not(.disabled) {
  color: var(--semantic-text-saturday);
}
.lib-xplat-datepicker .datepicker-day.outside.sunday,
.lib-xplat-datepicker .datepicker-day.disabled.sunday {
  color: color-mix(in srgb, var(--semantic-text-sunday) 35%, transparent);
}
.lib-xplat-datepicker .datepicker-day.outside.saturday,
.lib-xplat-datepicker .datepicker-day.disabled.saturday {
  color: color-mix(in srgb, var(--semantic-text-saturday) 35%, transparent);
}
.lib-xplat-datepicker.range {
  display: flex;
  flex-direction: column;
  container-type: inline-size;
}
.lib-xplat-datepicker .datepicker-range-tabs {
  display: none;
  margin-bottom: var(--spacing-space-3);
}
.lib-xplat-datepicker .datepicker-range-panels {
  display: flex;
  gap: var(--spacing-space-6);
}
.lib-xplat-datepicker .datepicker-range-mobile {
  display: none;
}
.lib-xplat-datepicker .datepicker-range-panel {
  flex: 1;
  min-width: 200px;
}
.lib-xplat-datepicker .datepicker-range-label {
  display: block;
  text-align: center;
  font-size: var(--semantic-typo-caption-2-r-size);
  font-weight: 500;
  color: var(--semantic-text-muted);
  margin-bottom: var(--spacing-space-2);
}
@container (max-width: 600px) {
  .lib-xplat-datepicker .datepicker-range-tabs {
    display: flex;
  }
  .lib-xplat-datepicker .datepicker-range-panels {
    display: none;
  }
  .lib-xplat-datepicker .datepicker-range-mobile {
    display: block;
  }
  .lib-xplat-datepicker .datepicker-range-panel {
    min-width: unset;
  }
}
.lib-xplat-datepicker.input-datepicker {
  position: relative;
}
.lib-xplat-datepicker.input-datepicker .input-datepicker-trigger {
  cursor: pointer;
}
.lib-xplat-datepicker.input-datepicker .input-datepicker-trigger input {
  cursor: pointer;
}
.lib-xplat-datepicker.input-datepicker.disabled .input-datepicker-trigger {
  cursor: not-allowed;
}
.lib-xplat-datepicker.input-datepicker.disabled .input-datepicker-trigger input {
  cursor: not-allowed;
}
.lib-xplat-datepicker.input-datepicker .input-datepicker-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  margin-top: var(--spacing-space-1);
  padding: var(--spacing-space-4);
  background-color: var(--semantic-surface-neutral-default);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.lib-xplat-popup-datepicker-card {
  background-color: var(--semantic-surface-neutral-default);
  border-radius: var(--spacing-radius-xl);
  min-width: 320px;
}
.lib-xplat-popup-datepicker-card.range-mode {
  min-width: 480px;
}
.lib-xplat-popup-datepicker-card .popup-datepicker-content {
  margin-bottom: var(--spacing-space-5);
}
.lib-xplat-popup-datepicker-card .popup-datepicker-footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-space-3);
  padding-top: var(--spacing-space-4);
  border-top: 1px solid var(--semantic-border-subtle);
}

/* src/components/Tab/tab.scss */
.lib-xplat-tab {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.lib-xplat-tab::-webkit-scrollbar {
  display: none;
}
.lib-xplat-tab.sm {
  height: var(--spacing-control-height-sm);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-tab.md {
  height: var(--spacing-control-height-md);
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-tab.lg {
  height: var(--spacing-control-height-lg);
  font-size: var(--semantic-typo-label-1-m-size);
}
.lib-xplat-tab.type-default {
  width: 100%;
  background-color: var(--semantic-surface-neutral-strong);
  border-radius: var(--spacing-radius-md);
}
.lib-xplat-tab.type-default > .tab-item {
  flex: 1;
  padding: var(--spacing-space-1) var(--spacing-space-6);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  border-right: 1px solid var(--semantic-border-strong);
  color: var(--semantic-text-inverse);
}
.lib-xplat-tab.type-default > .tab-item:last-child {
  border-right: none;
}
.lib-xplat-tab.type-default > .tab-item.active {
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-tab.type-toggle {
  width: 100%;
  border-bottom: 1px solid var(--semantic-border-default);
  gap: var(--spacing-space-6);
}
.lib-xplat-tab.type-toggle > .tab-item {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0 var(--spacing-space-3);
  font-size: var(--semantic-typo-label-2-m-size);
  font-weight: 500;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.2s;
  color: var(--semantic-text-muted);
}
.lib-xplat-tab.type-toggle > .tab-item.active {
  color: var(--semantic-surface-brand-default);
}
.lib-xplat-tab.type-toggle > .tab-toggle-underline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: var(--semantic-surface-brand-default);
  transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: left, width;
}

/* src/components/Divider/divider.scss */
.lib-xplat-divider {
  border: none;
  flex-shrink: 0;
}
.lib-xplat-divider.horizontal {
  width: 100%;
  height: 1px;
  background-color: var(--semantic-border-default);
}
.lib-xplat-divider.vertical {
  width: 1px;
  align-self: stretch;
  background-color: var(--semantic-border-default);
}

/* src/components/Drawer/drawer.scss */
.lib-xplat-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0);
  transition: background-color 0.25s ease;
}
.lib-xplat-drawer-overlay.enter {
  background: rgba(0, 0, 0, 0.4);
}
.lib-xplat-drawer-overlay.exit {
  background: rgba(0, 0, 0, 0);
}
.lib-xplat-drawer {
  position: fixed;
  top: 0;
  height: 100%;
  background: var(--semantic-surface-neutral-default);
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease;
  z-index: 1001;
}
.lib-xplat-drawer.sm {
  width: 280px;
}
.lib-xplat-drawer.md {
  width: 360px;
}
.lib-xplat-drawer.lg {
  width: 480px;
}
.lib-xplat-drawer.xl {
  width: 640px;
}
.lib-xplat-drawer.right {
  right: 0;
  transform: translateX(100%);
}
.lib-xplat-drawer.right.enter {
  transform: translateX(0);
}
.lib-xplat-drawer.left {
  left: 0;
  transform: translateX(-100%);
  box-shadow: 4px 0 16px rgba(0, 0, 0, 0.08);
}
.lib-xplat-drawer.left.enter {
  transform: translateX(0);
}
.lib-xplat-drawer .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-space-4) var(--spacing-space-5);
  border-bottom: 1px solid var(--semantic-border-default);
}
.lib-xplat-drawer .drawer-title {
  font-size: var(--semantic-typo-label-2-m-size);
  font-weight: 600;
  color: var(--semantic-text-strong);
}
.lib-xplat-drawer .close-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--semantic-typo-heading-1-m-size);
  line-height: 1;
  color: var(--semantic-icon-strong);
  padding: 0;
  transition: color 0.2s;
}
.lib-xplat-drawer .close-btn:hover {
  color: var(--semantic-text-strong);
}
.lib-xplat-drawer .drawer-body {
  flex: 1;
  padding: var(--spacing-space-5);
  overflow-y: auto;
}

/* src/components/Dropdown/dropdown.scss */
.lib-xplat-dropdown {
  position: relative;
  display: inline-flex;
  width: 100%;
}
.lib-xplat-dropdown .dropdown-trigger {
  cursor: pointer;
}
.lib-xplat-dropdown-menu {
  position: fixed;
  z-index: 1000;
  min-width: 160px;
  background: var(--semantic-surface-neutral-default);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  padding: var(--spacing-space-1) 0;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.lib-xplat-dropdown-menu.bottom {
  transform: translateY(4px);
}
.lib-xplat-dropdown-menu.visible {
  opacity: 1;
  transform: translateY(0);
}
.lib-xplat-dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--spacing-space-2) 14px;
  border: none;
  background: none;
  font-size: var(--semantic-typo-caption-1-r-size);
  color: var(--semantic-text-strong);
  cursor: pointer;
  text-align: left;
  transition: background-color 0.15s;
}
.lib-xplat-dropdown-menu .dropdown-item:hover:not(:disabled) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-dropdown-menu .dropdown-item.danger {
  color: var(--semantic-text-error);
}
.lib-xplat-dropdown-menu .dropdown-item.danger:hover:not(:disabled) {
  background-color: var(--semantic-surface-error-subtle);
}
.lib-xplat-dropdown-menu .dropdown-item:disabled {
  color: var(--semantic-text-disabled);
  cursor: not-allowed;
}

/* src/components/Editor/editor.scss */
.lib-xplat-editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  background: var(--semantic-surface-neutral-default);
  overflow: hidden;
  transition: border-color 150ms ease;
}
.lib-xplat-editor.focused {
  border-color: var(--semantic-border-brand);
}
.lib-xplat-editor.readonly {
  background: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-editor__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-space-1);
  padding: var(--spacing-space-2);
  border-bottom: 1px solid var(--semantic-border-subtle);
  background: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-editor__toolbar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 var(--spacing-space-2);
  border: 1px solid transparent;
  border-radius: var(--spacing-radius-sm);
  background: transparent;
  color: var(--semantic-text-strong);
  font-family: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background 100ms ease, border-color 100ms ease;
}
.lib-xplat-editor__toolbar-btn:hover {
  background: var(--semantic-surface-neutral-strong);
}
.lib-xplat-editor__toolbar-btn.active {
  background: var(--semantic-surface-brand-subtle);
  color: var(--semantic-text-brand);
  border-color: var(--semantic-border-brand);
}
.lib-xplat-editor__content {
  position: relative;
  padding: var(--spacing-space-4);
}
.lib-xplat-editor__placeholder {
  position: absolute;
  top: var(--spacing-space-4);
  left: var(--spacing-space-4);
  color: var(--semantic-text-muted);
  pointer-events: none;
  user-select: none;
}
.lib-xplat-editor__editable {
  outline: none;
  color: var(--semantic-text-strong);
  min-height: inherit;
}
.lib-xplat-editor__editable h1,
.lib-xplat-editor__editable h2,
.lib-xplat-editor__editable h3,
.lib-xplat-editor__editable h4,
.lib-xplat-editor__editable h5,
.lib-xplat-editor__editable h6 {
  margin: var(--spacing-space-4) 0 var(--spacing-space-2);
  font-weight: 600;
  line-height: 1.3;
}
.lib-xplat-editor__editable h1:first-child,
.lib-xplat-editor__editable h2:first-child,
.lib-xplat-editor__editable h3:first-child,
.lib-xplat-editor__editable h4:first-child,
.lib-xplat-editor__editable h5:first-child,
.lib-xplat-editor__editable h6:first-child {
  margin-top: 0;
}
.lib-xplat-editor__editable h1 {
  font-size: var(--semantic-typo-title-1-m-size);
}
.lib-xplat-editor__editable h2 {
  font-size: var(--semantic-typo-heading-1-m-size);
}
.lib-xplat-editor__editable h3 {
  font-size: var(--semantic-typo-label-1-m-size);
}
.lib-xplat-editor__editable p {
  margin: var(--spacing-space-2) 0;
  line-height: 1.6;
}
.lib-xplat-editor__editable p:first-child {
  margin-top: 0;
}
.lib-xplat-editor__editable p:last-child {
  margin-bottom: 0;
}
.lib-xplat-editor__editable ul,
.lib-xplat-editor__editable ol {
  margin: var(--spacing-space-2) 0;
  padding-left: var(--spacing-space-6);
}
.lib-xplat-editor__editable li {
  margin: var(--spacing-space-1) 0;
  line-height: 1.6;
}
.lib-xplat-editor__editable blockquote {
  margin: var(--spacing-space-3) 0;
  padding: var(--spacing-space-2) var(--spacing-space-4);
  border-left: 3px solid var(--semantic-border-brand);
  color: var(--semantic-text-subtle);
  background: var(--semantic-surface-neutral-subtle);
  border-radius: var(--spacing-radius-sm);
}
.lib-xplat-editor__editable pre {
  margin: var(--spacing-space-3) 0;
  padding: var(--spacing-space-3) var(--spacing-space-4);
  border-radius: var(--spacing-radius-md);
  background: var(--semantic-surface-neutral-subtle);
  color: var(--semantic-text-strong);
  font-family:
    ui-monospace,
    "SF Mono",
    Menlo,
    monospace;
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: 1.5;
  overflow-x: auto;
  white-space: pre-wrap;
}
.lib-xplat-editor__editable code {
  padding: 2px 6px;
  border-radius: var(--spacing-radius-sm);
  background: var(--semantic-surface-neutral-subtle);
  font-family:
    ui-monospace,
    "SF Mono",
    Menlo,
    monospace;
  font-size: var(--semantic-typo-caption-1-r-size);
  color: var(--semantic-text-strong);
}
.lib-xplat-editor__editable a {
  color: var(--semantic-text-link, var(--semantic-text-brand));
  text-decoration: underline;
}
.lib-xplat-editor__editable img {
  max-width: 100%;
  height: auto;
  border-radius: var(--spacing-radius-sm);
  margin: var(--spacing-space-2) 0;
}
.lib-xplat-editor__editable hr {
  margin: var(--spacing-space-4) 0;
  border: 0;
  border-top: 1px solid var(--semantic-border-default);
}
.lib-xplat-editor__slash-menu {
  position: absolute;
  z-index: 10;
  min-width: 240px;
  max-height: 280px;
  overflow-y: auto;
  padding: var(--spacing-space-1);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  background: var(--semantic-surface-neutral-default);
  box-shadow: 0 4px 16px var(--semantic-interaction-overlay-10);
}
.lib-xplat-editor__slash-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-space-3);
  padding: var(--spacing-space-2) var(--spacing-space-3);
  border: 0;
  border-radius: var(--spacing-radius-sm);
  background: transparent;
  color: var(--semantic-text-strong);
  font-family: inherit;
  font-size: var(--semantic-typo-caption-1-r-size);
  text-align: left;
  cursor: pointer;
}
.lib-xplat-editor__slash-item:hover,
.lib-xplat-editor__slash-item.active {
  background: var(--semantic-surface-brand-subtle);
  color: var(--semantic-text-brand);
}
.lib-xplat-editor__slash-item .label {
  flex: 1;
}
.lib-xplat-editor__slash-item .hint {
  color: var(--semantic-text-muted);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-editor__link-popover {
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: var(--spacing-space-2);
  padding: var(--spacing-space-2);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  background: var(--semantic-surface-neutral-default);
  box-shadow: 0 4px 16px var(--semantic-interaction-overlay-10);
}
.lib-xplat-editor__link-popover input {
  width: 240px;
  padding: var(--spacing-space-1) var(--spacing-space-2);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-sm);
  background: var(--semantic-surface-neutral-default);
  color: var(--semantic-text-strong);
  font-family: inherit;
  font-size: var(--semantic-typo-caption-1-r-size);
  outline: none;
}
.lib-xplat-editor__link-popover input:focus {
  border-color: var(--semantic-border-brand);
}
.lib-xplat-editor__link-popover button {
  padding: var(--spacing-space-1) var(--spacing-space-3);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-sm);
  background: var(--semantic-surface-neutral-default);
  color: var(--semantic-text-strong);
  font-family: inherit;
  font-size: var(--semantic-typo-caption-2-r-size);
  cursor: pointer;
}
.lib-xplat-editor__link-popover button:hover {
  background: var(--semantic-surface-neutral-strong);
}
.lib-xplat-editor__link-popover button:first-of-type {
  background: var(--semantic-surface-brand-default);
  color: var(--semantic-text-inverse);
  border-color: var(--semantic-surface-brand-default);
}

/* src/components/EmptyState/emptystate.scss */
.lib-xplat-empty-state {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-space-11) var(--spacing-space-6);
  text-align: center;
}
.lib-xplat-empty-state .empty-icon {
  color: var(--semantic-icon-disabled);
  margin-bottom: var(--spacing-space-4);
}
.lib-xplat-empty-state .empty-icon svg {
  font-size: var(--semantic-typo-display-1-b-size);
}
.lib-xplat-empty-state .empty-title {
  font-size: var(--semantic-typo-caption-1-r-size);
  font-weight: 500;
  color: var(--semantic-text-subtle);
  margin: 0;
}
.lib-xplat-empty-state .empty-description {
  font-size: var(--semantic-typo-caption-1-r-size);
  color: var(--semantic-text-muted);
  margin: var(--spacing-space-2) 0 0;
  max-width: 320px;
}
.lib-xplat-empty-state .empty-action {
  margin-top: var(--spacing-space-5);
}

/* src/components/FileUpload/fileupload.scss */
.lib-xplat-file-upload {
  contain: content;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-space-8) var(--spacing-space-6);
  border: 2px dashed var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.lib-xplat-file-upload:hover {
  border-color: var(--semantic-surface-brand-strong);
  background-color: var(--semantic-surface-brand-subtle);
}
.lib-xplat-file-upload.drag-over {
  border-color: var(--semantic-surface-brand-default);
  background-color: var(--semantic-surface-brand-subtle);
}
.lib-xplat-file-upload input[type=file] {
  display: none;
}
.lib-xplat-file-upload .upload-icon {
  color: var(--semantic-icon-subtle);
  margin-bottom: var(--spacing-space-3);
}
.lib-xplat-file-upload .upload-icon svg {
  font-size: var(--semantic-typo-display-2-sb-size);
}
.lib-xplat-file-upload .upload-label {
  font-size: var(--semantic-typo-caption-1-r-size);
  font-weight: 500;
  color: var(--semantic-text-subtle);
  margin: 0;
}
.lib-xplat-file-upload .upload-description {
  font-size: var(--semantic-typo-caption-2-r-size);
  color: var(--semantic-text-muted);
  margin: var(--spacing-space-1) 0 0;
}

/* src/components/HtmlTypeWriter/htmlTypeWriter.scss */
.lib-xplat-htmlTypewriter {
  width: 100%;
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-htmlTypewriter h1,
.lib-xplat-htmlTypewriter h2,
.lib-xplat-htmlTypewriter h3,
.lib-xplat-htmlTypewriter h4,
.lib-xplat-htmlTypewriter h5,
.lib-xplat-htmlTypewriter h6 {
  font-weight: 600;
}
.lib-xplat-htmlTypewriter h3 {
  font-size: var(--semantic-typo-title-1-m-size);
}
.lib-xplat-htmlTypewriter h4 {
  font-size: var(--semantic-typo-heading-1-m-size);
}
.lib-xplat-htmlTypewriter hr {
  color: var(--semantic-border-default);
  margin-top: var(--spacing-space-4);
  margin-bottom: var(--spacing-space-4);
}

/* src/components/ImageSelector/imageselector.scss */
.lib-xplat-imageselector {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  flex-direction: column;
  position: relative;
  background-color: var(--semantic-surface-neutral-default);
  border-radius: var(--spacing-radius-sm);
  overflow: hidden;
  padding: var(--spacing-space-3);
}
.lib-xplat-imageselector > input {
  display: none;
}
.lib-xplat-imageselector.none-value {
  border: 1px dashed var(--semantic-border-strong);
}
.lib-xplat-imageselector:hover {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-imageselector:hover > .action-bar {
  opacity: 1;
  pointer-events: auto;
}
.lib-xplat-imageselector > .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.lib-xplat-imageselector > .content > img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.lib-xplat-imageselector > .content .skeleton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  cursor: pointer;
}
.lib-xplat-imageselector > .content .skeleton > .icon-wrapper {
  color: var(--semantic-icon-subtle);
}
.lib-xplat-imageselector > .content .skeleton > .label {
  margin-top: var(--spacing-space-1);
  font-size: var(--semantic-typo-caption-1-r-size);
  color: var(--semantic-text-muted);
}
.lib-xplat-imageselector > .content .skeleton:hover > .icon-wrapper {
  color: var(--semantic-icon-strong);
}
.lib-xplat-imageselector > .content .skeleton:hover > .label {
  color: var(--semantic-text-subtle);
}
.lib-xplat-imageselector > .action-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 0.5em;
  font-size: var(--semantic-typo-title-2-m-size);
  background-color: var(--semantic-surface-neutral-strong);
  padding: var(--spacing-space-1) var(--spacing-space-3);
  align-items: center;
  opacity: 0;
  pointer-events: none;
  border-radius: var(--spacing-radius-sm);
}
.lib-xplat-imageselector > .action-bar > .icon-wrapper {
  color: var(--semantic-text-inverse);
}
.lib-xplat-imageselector .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* src/components/Pagination/pagination.scss */
.lib-xplat-pagination {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-space-1);
}
.lib-xplat-pagination.sm .dots {
  width: var(--spacing-control-height-xs);
  height: var(--spacing-control-height-xs);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-pagination.sm .page-btn {
  min-width: var(--spacing-control-height-xs);
  height: var(--spacing-control-height-xs);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-pagination.sm .page-btn svg {
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-pagination.lg .dots {
  width: var(--spacing-control-height-md);
  height: var(--spacing-control-height-md);
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-pagination.lg .page-btn {
  min-width: var(--spacing-control-height-md);
  height: var(--spacing-control-height-md);
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-pagination.lg .page-btn svg {
  font-size: var(--semantic-typo-heading-1-m-size);
}
.lib-xplat-pagination .dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-control-height-sm);
  height: var(--spacing-control-height-sm);
  font-size: var(--semantic-typo-caption-1-r-size);
  color: var(--semantic-text-muted);
  user-select: none;
}
.lib-xplat-pagination .page-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--spacing-control-height-sm);
  height: var(--spacing-control-height-sm);
  padding: 0 var(--spacing-space-2);
  border: none;
  border-radius: var(--spacing-radius-md);
  background: none;
  font-size: var(--semantic-typo-caption-1-r-size);
  cursor: pointer;
  color: var(--semantic-text-subtle);
  transition: background-color 0.2s, color 0.2s;
}
.lib-xplat-pagination .page-btn:hover:not(:disabled):not(.active) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-pagination .page-btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.lib-xplat-pagination .page-btn.active {
  color: var(--semantic-text-inverse);
  font-weight: 600;
}
.lib-xplat-pagination .page-btn svg {
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-pagination.brand .page-btn.active {
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-pagination.success .page-btn.active {
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-pagination.error .page-btn.active {
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-pagination.warning .page-btn.active {
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-pagination.info .page-btn.active {
  background-color: var(--semantic-surface-info-default);
}

/* src/components/PopOver/popOver.scss */
.lib-xplat-pop-over {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  user-select: none;
}
.lib-xplat-pop-over-content {
  position: fixed;
  z-index: 1000;
  cursor: default;
  transition: transform 0.2s ease, opacity 0.2s ease;
  background: var(--semantic-surface-neutral-default);
  border-radius: var(--spacing-radius-md);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: scale(0.8);
}
.lib-xplat-pop-over-content.top {
  transform-origin: bottom;
}
.lib-xplat-pop-over-content.bottom {
  transform-origin: top;
}
.lib-xplat-pop-over-content.visible {
  opacity: 1;
  transform: scale(1);
}

/* src/components/Progress/progress.scss */
.lib-xplat-progress {
  display: flex;
  align-items: center;
  gap: var(--spacing-space-2);
  width: 100%;
}
.lib-xplat-progress .track {
  flex: 1;
  background-color: var(--semantic-surface-neutral-disabled);
  border-radius: var(--spacing-radius-full);
  overflow: hidden;
}
.lib-xplat-progress.sm .track {
  height: var(--spacing-space-1);
}
.lib-xplat-progress.md .track {
  height: var(--spacing-space-2);
}
.lib-xplat-progress.lg .track {
  height: var(--spacing-space-3);
}
.lib-xplat-progress .bar {
  height: 100%;
  border-radius: var(--spacing-radius-full);
  transition: width 0.3s ease;
}
.lib-xplat-progress.brand .bar {
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-progress.success .bar {
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-progress.error .bar {
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-progress.warning .bar {
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-progress.info .bar {
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-progress .label {
  font-size: var(--semantic-typo-caption-2-r-size);
  font-weight: 500;
  color: var(--semantic-text-subtle);
  min-width: 36px;
  text-align: right;
}

/* src/components/Radio/radio.scss */
.lib-xplat-radio {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-space-2);
  user-select: none;
  cursor: pointer;
}
.lib-xplat-radio > input {
  display: none;
}
.lib-xplat-radio.sm > .circle {
  width: var(--spacing-space-4);
  height: var(--spacing-space-4);
  margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
  border-width: 1.5px;
}
.lib-xplat-radio.sm > .circle > .inner-circle {
  width: var(--spacing-space-2);
  height: var(--spacing-space-2);
}
.lib-xplat-radio.sm > span {
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
}
.lib-xplat-radio.md > .circle {
  width: var(--spacing-space-5);
  height: var(--spacing-space-5);
  margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
}
.lib-xplat-radio.md > span {
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
}
.lib-xplat-radio.lg > .circle {
  width: var(--spacing-space-6);
  height: var(--spacing-space-6);
}
.lib-xplat-radio.lg > .circle > .inner-circle {
  width: var(--spacing-space-4);
  height: var(--spacing-space-4);
}
.lib-xplat-radio.lg > span {
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
}
.lib-xplat-radio > .circle {
  border: 2px solid var(--semantic-border-strong);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: var(--semantic-surface-neutral-default);
  transition: border-color 0.12s ease-out, background-color 0.12s ease-out;
}
.lib-xplat-radio > .circle > .inner-circle {
  width: var(--spacing-space-3);
  height: var(--spacing-space-3);
  background-color: var(--semantic-surface-neutral-default);
  border-radius: 50%;
}
.lib-xplat-radio:hover > .circle:not(.checked) {
  border-color: var(--semantic-icon-strong);
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-radio.brand > .circle.checked {
  background-color: var(--semantic-surface-brand-default);
  border-color: var(--semantic-surface-brand-default);
}
.lib-xplat-radio.success > .circle.checked {
  background-color: var(--semantic-surface-success-default);
  border-color: var(--semantic-surface-success-default);
}
.lib-xplat-radio.error > .circle.checked {
  background-color: var(--semantic-surface-error-default);
  border-color: var(--semantic-surface-error-default);
}
.lib-xplat-radio.warning > .circle.checked {
  background-color: var(--semantic-surface-warning-default);
  border-color: var(--semantic-surface-warning-default);
}
.lib-xplat-radio.info > .circle.checked {
  background-color: var(--semantic-surface-info-default);
  border-color: var(--semantic-surface-info-default);
}
.lib-xplat-radio:hover.brand > .circle.checked {
  background-color: var(--semantic-surface-brand-strong);
  border-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-radio:hover.success > .circle.checked {
  background-color: var(--semantic-surface-success-strong);
  border-color: var(--semantic-surface-success-strong);
}
.lib-xplat-radio:hover.error > .circle.checked {
  background-color: var(--semantic-surface-error-strong);
  border-color: var(--semantic-surface-error-strong);
}
.lib-xplat-radio:hover.warning > .circle.checked {
  background-color: var(--semantic-surface-warning-strong);
  border-color: var(--semantic-surface-warning-strong);
}
.lib-xplat-radio:hover.info > .circle.checked {
  background-color: var(--semantic-surface-info-strong);
  border-color: var(--semantic-surface-info-strong);
}

/* src/components/Select/select.scss */
.lib-xplat-select {
  width: 100%;
  position: relative;
}
.lib-xplat-select.is-open {
  z-index: 1;
}
.lib-xplat-select.sm .select-trigger {
  height: var(--spacing-control-height-sm);
  padding: 0 var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
}
.lib-xplat-select.md .select-trigger {
  height: var(--spacing-control-height-md);
  padding: 0 var(--spacing-space-3);
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
}
.lib-xplat-select.lg .select-trigger {
  height: var(--spacing-control-height-lg);
  padding: 0 var(--spacing-space-4);
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
}
.lib-xplat-select .select-trigger {
  cursor: pointer;
  user-select: none;
  outline: none;
  display: flex;
  font-weight: var(--semantic-typo-label-1-m-weight);
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-space-2);
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  background-color: var(--semantic-surface-neutral-default);
  color: var(--semantic-text-strong);
  transition: border-color 0.15s;
}
.lib-xplat-select .select-trigger:hover:not(.disabled) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-select .select-trigger:active:not(.disabled) {
  border-color: var(--semantic-interaction-focus-ring);
}
.lib-xplat-select .select-trigger:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-select .select-trigger.disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--semantic-surface-neutral-disabled);
  border-color: var(--semantic-border-default);
  color: var(--semantic-text-disabled);
}
.lib-xplat-select .select-trigger.disabled .select-trigger-value.placeholder {
  color: var(--semantic-text-disabled);
}
.lib-xplat-select .select-trigger.disabled .select-trigger-icon {
  color: var(--semantic-icon-disabled);
}
.lib-xplat-select .select-trigger.error:not(.disabled) {
  border-color: var(--semantic-border-error);
}
.lib-xplat-select .select-trigger.error:not(.disabled):focus-visible {
  outline-color: var(--semantic-border-error);
}
.lib-xplat-select .select-trigger .select-trigger-value {
  flex: 1;
  min-width: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lib-xplat-select .select-trigger .select-trigger-value.placeholder {
  color: var(--semantic-text-disabled);
}
.lib-xplat-select .select-trigger .select-trigger-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--semantic-icon-subtle);
  transition: transform 0.2s ease;
}
.lib-xplat-select .select-trigger .select-trigger-icon.open {
  transform: rotate(180deg);
}
.lib-xplat-select .select-trigger .select-trigger-icon svg {
  font-size: var(--semantic-typo-label-1-m-size);
}
.lib-xplat-select-content {
  position: fixed;
  z-index: 1000;
  padding: var(--spacing-space-1) 0;
  border-radius: var(--spacing-radius-md);
  background-color: var(--semantic-surface-neutral-default);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: default;
  max-height: 220px;
  overflow-y: auto;
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.lib-xplat-select-content.bottom {
  transform: translateY(-8px);
}
.lib-xplat-select-content.bottom.visible {
  opacity: 1;
  transform: translateY(0);
}
.lib-xplat-select-content.bottom.exit {
  opacity: 0;
  transform: translateY(-8px);
}
.lib-xplat-select-content.top {
  transform: translateY(8px);
}
.lib-xplat-select-content.top.visible {
  opacity: 1;
  transform: translateY(0);
}
.lib-xplat-select-content.top.exit {
  opacity: 0;
  transform: translateY(8px);
}
.lib-xplat-select-content.sm .select-item {
  padding: var(--spacing-space-2) var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
}
.lib-xplat-select-content.lg .select-item {
  padding: var(--spacing-space-2) var(--spacing-space-4);
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
}
.lib-xplat-select-content .select-item {
  padding: var(--spacing-space-2) var(--spacing-space-3);
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
  font-weight: var(--semantic-typo-label-1-m-weight);
  cursor: pointer;
  transition: background-color 0.15s ease;
  outline: none;
}
.lib-xplat-select-content .select-item.is-selected {
  font-weight: var(--semantic-typo-label-1-sb-weight);
}
.lib-xplat-select-content .select-item:hover:not(.disabled) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-select-content .select-item:focus-visible:not(.disabled) {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-select-content .select-item.disabled {
  cursor: not-allowed;
  color: var(--semantic-text-disabled);
}

/* src/components/Skeleton/skeleton.scss */
.lib-xplat-skeleton {
  background-color: var(--semantic-surface-neutral-disabled);
  animation: lib-xplat-skeleton-pulse 1.5s ease-in-out infinite;
}
.lib-xplat-skeleton.text {
  width: 100%;
  height: 1em;
  border-radius: var(--spacing-radius-sm);
}
.lib-xplat-skeleton.circular {
  border-radius: 50%;
}
.lib-xplat-skeleton.rectangular {
  border-radius: var(--spacing-radius-sm);
}
@keyframes lib-xplat-skeleton-pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

/* src/components/Spinner/spinner.scss */
.lib-xplat-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lib-xplat-spinner.sm {
  width: var(--spacing-space-4);
  height: var(--spacing-space-4);
}
.lib-xplat-spinner.md {
  width: var(--spacing-space-6);
  height: var(--spacing-space-6);
}
.lib-xplat-spinner.lg {
  width: var(--spacing-space-9);
  height: var(--spacing-space-9);
}
.lib-xplat-spinner {
  contain: strict;
}
.lib-xplat-spinner svg {
  width: 100%;
  height: 100%;
  animation: lib-xplat-spin 0.8s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}
.lib-xplat-spinner .track {
  stroke: var(--semantic-border-default);
}
.lib-xplat-spinner .indicator {
  stroke-dasharray: 42;
  stroke-dashoffset: 28;
}
.lib-xplat-spinner.brand .indicator {
  stroke: var(--semantic-surface-brand-default);
}
.lib-xplat-spinner.success .indicator {
  stroke: var(--semantic-surface-success-default);
}
.lib-xplat-spinner.error .indicator {
  stroke: var(--semantic-surface-error-default);
}
.lib-xplat-spinner.warning .indicator {
  stroke: var(--semantic-surface-warning-default);
}
.lib-xplat-spinner.info .indicator {
  stroke: var(--semantic-surface-info-default);
}
@keyframes lib-xplat-spin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

/* src/components/Steps/steps.scss */
.lib-xplat-steps {
  display: flex;
  width: 100%;
}
.lib-xplat-steps .step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.lib-xplat-steps .step-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 16px;
  left: calc(50% + 20px);
  right: calc(-50% + 20px);
  height: 2px;
  background-color: var(--semantic-surface-neutral-disabled);
  transition: background-color 0.2s;
}
.lib-xplat-steps .step-circle {
  width: var(--spacing-control-height-sm);
  height: var(--spacing-control-height-sm);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--semantic-typo-caption-1-r-size);
  font-weight: 600;
  flex-shrink: 0;
  z-index: 1;
  transition: background-color 0.2s, color 0.2s;
}
.lib-xplat-steps .step-circle svg {
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-steps .step-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--spacing-space-2);
  text-align: center;
}
.lib-xplat-steps .step-title {
  font-size: var(--semantic-typo-caption-1-r-size);
  font-weight: 500;
  color: var(--semantic-text-strong);
}
.lib-xplat-steps .step-description {
  font-size: var(--semantic-typo-caption-2-r-size);
  color: var(--semantic-text-muted);
  margin-top: 2px;
}
.lib-xplat-steps.brand .step-item.completed .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-steps.brand .step-item.completed::after {
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-steps.brand .step-item.active .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-steps.success .step-item.completed .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-steps.success .step-item.completed::after {
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-steps.success .step-item.active .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-steps.error .step-item.completed .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-steps.error .step-item.completed::after {
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-steps.error .step-item.active .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-steps.warning .step-item.completed .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-steps.warning .step-item.completed::after {
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-steps.warning .step-item.active .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-steps.info .step-item.completed .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-steps.info .step-item.completed::after {
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-steps.info .step-item.active .step-circle {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-steps .step-item.pending .step-circle {
  background-color: var(--semantic-surface-neutral-disabled);
  color: var(--semantic-text-muted);
}
.lib-xplat-steps .step-item.pending .step-title {
  color: var(--semantic-text-disabled);
}
.lib-xplat-steps .step-item.pending .step-description {
  color: var(--semantic-text-disabled);
}

/* src/components/Swiper/swiper.scss */
.lib-xplat-swiper {
  contain: content;
  width: 100%;
  height: 100%;
  position: relative;
}
.lib-xplat-swiper__viewport {
  overflow: hidden;
  cursor: grab;
  user-select: none;
}
.lib-xplat-swiper__viewport:active {
  cursor: grabbing;
}
.lib-xplat-swiper__track {
  display: flex;
  will-change: transform;
}
.lib-xplat-swiper__track.transitioning {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lib-xplat-swiper__slide {
  flex-shrink: 0;
  overflow: hidden;
}
.lib-xplat-swiper__slide img {
  -webkit-user-drag: none;
  user-drag: none;
}
.lib-xplat-swiper__progress {
  margin-top: var(--spacing-space-4);
  display: flex;
  justify-content: center;
}
.lib-xplat-swiper__progress-track {
  position: relative;
  width: 100%;
  max-width: 580px;
  height: 2px;
  background-color: var(--semantic-surface-neutral-disabled);
  border-radius: 1px;
}
.lib-xplat-swiper__progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--semantic-text-muted);
  border-radius: 1px;
  transition-property: width;
  transition-timing-function: ease;
}
.lib-xplat-swiper__dots {
  display: flex;
  justify-content: center;
  gap: var(--spacing-space-2);
  margin-top: var(--spacing-space-4);
}
.lib-xplat-swiper__dot {
  width: var(--spacing-space-2);
  height: var(--spacing-space-2);
  border-radius: 50%;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: var(--semantic-border-default);
  transition: background-color 0.2s;
}
.lib-xplat-swiper__dot.active {
  background-color: var(--semantic-text-subtle);
}
.lib-xplat-swiper__dot:hover:not(.active) {
  background-color: var(--semantic-text-disabled);
}

/* src/components/Switch/switch.scss */
.lib-xplat-switch {
  position: relative;
  border-radius: var(--spacing-radius-full);
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.2s, border-color 0.2s;
  border: 1px solid transparent;
  background-color: var(--semantic-border-default);
  border-color: var(--semantic-border-default);
}
.lib-xplat-switch.sm {
  width: 34px;
  height: 20px;
}
.lib-xplat-switch.sm > .knob {
  width: 16px;
  height: 16px;
}
.lib-xplat-switch.sm > .knob.checked {
  left: calc(100% - 16px - 2px);
}
.lib-xplat-switch.md {
  width: 42px;
  height: 24px;
}
.lib-xplat-switch.md > .knob {
  width: 20px;
  height: 20px;
}
.lib-xplat-switch.md > .knob.checked {
  left: calc(100% - 20px - 2px);
}
.lib-xplat-switch.lg {
  width: 50px;
  height: 28px;
}
.lib-xplat-switch.lg > .knob {
  width: 24px;
  height: 24px;
}
.lib-xplat-switch.lg > .knob.checked {
  left: calc(100% - 24px - 2px);
}
.lib-xplat-switch.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.lib-xplat-switch.animating {
  pointer-events: none;
  cursor: wait;
}
.lib-xplat-switch.brand.checked {
  background-color: var(--semantic-surface-brand-default);
  border-color: var(--semantic-surface-brand-default);
}
.lib-xplat-switch.brand.checked:hover:not(.disabled):not(.animating) {
  background-color: var(--semantic-surface-brand-strong);
  border-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-switch.success.checked {
  background-color: var(--semantic-surface-success-default);
  border-color: var(--semantic-surface-success-default);
}
.lib-xplat-switch.success.checked:hover:not(.disabled):not(.animating) {
  background-color: var(--semantic-surface-success-strong);
  border-color: var(--semantic-surface-success-strong);
}
.lib-xplat-switch.error.checked {
  background-color: var(--semantic-surface-error-default);
  border-color: var(--semantic-surface-error-default);
}
.lib-xplat-switch.error.checked:hover:not(.disabled):not(.animating) {
  background-color: var(--semantic-surface-error-strong);
  border-color: var(--semantic-surface-error-strong);
}
.lib-xplat-switch.warning.checked {
  background-color: var(--semantic-surface-warning-default);
  border-color: var(--semantic-surface-warning-default);
}
.lib-xplat-switch.warning.checked:hover:not(.disabled):not(.animating) {
  background-color: var(--semantic-surface-warning-strong);
  border-color: var(--semantic-surface-warning-strong);
}
.lib-xplat-switch.info.checked {
  background-color: var(--semantic-surface-info-default);
  border-color: var(--semantic-surface-info-default);
}
.lib-xplat-switch.info.checked:hover:not(.disabled):not(.animating) {
  background-color: var(--semantic-surface-info-strong);
  border-color: var(--semantic-surface-info-strong);
}
.lib-xplat-switch > .knob {
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  background-color: var(--semantic-surface-neutral-default);
  border-radius: var(--spacing-radius-full);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: left 0.25s;
}

/* src/components/Table/table.scss */
.lib-xplat-table-wrapper {
  contain: content;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  scrollbar-width: none;
}
.lib-xplat-table-wrapper::-webkit-scrollbar {
  display: none;
}
.lib-xplat-table-wrapper.sm > .lib-xplat-table > thead > tr > th,
.lib-xplat-table-wrapper.sm > .lib-xplat-table > thead > tr > td,
.lib-xplat-table-wrapper.sm > .lib-xplat-table > tbody > tr > th,
.lib-xplat-table-wrapper.sm > .lib-xplat-table > tbody > tr > td {
  padding: var(--spacing-space-1) var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-table-wrapper.md > .lib-xplat-table > thead > tr > th,
.lib-xplat-table-wrapper.md > .lib-xplat-table > thead > tr > td,
.lib-xplat-table-wrapper.md > .lib-xplat-table > tbody > tr > th,
.lib-xplat-table-wrapper.md > .lib-xplat-table > tbody > tr > td {
  padding: var(--spacing-space-2) var(--spacing-space-3);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-table-wrapper.lg > .lib-xplat-table > thead > tr > th,
.lib-xplat-table-wrapper.lg > .lib-xplat-table > thead > tr > td,
.lib-xplat-table-wrapper.lg > .lib-xplat-table > tbody > tr > th,
.lib-xplat-table-wrapper.lg > .lib-xplat-table > tbody > tr > td {
  padding: var(--spacing-space-3) var(--spacing-space-4);
  font-size: var(--semantic-typo-label-2-m-size);
}
.lib-xplat-table-wrapper > .lib-xplat-table {
  width: 100%;
  min-width: 600px;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead.table-sticky {
  position: sticky;
  top: 0;
  z-index: 9;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr {
  transition: background-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.table-bottom-border,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.table-bottom-border {
  border-bottom: 1px solid var(--semantic-border-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.primary,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.primary {
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.primary > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.primary > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.primary > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.primary > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-brand-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.primary > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.primary > th.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.primary > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.primary > th.cell-hover:hover {
  background-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.primary.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.primary.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.primary.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.primary.hover:hover > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-brand-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.secondary,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.secondary {
  background-color: var(--semantic-surface-neutral-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.secondary > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.secondary > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.secondary > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.secondary > th {
  background-color: var(--semantic-surface-neutral-default);
  color: var(--semantic-text-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.secondary > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.secondary > th.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.secondary > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.secondary > th.cell-hover:hover {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.secondary.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.secondary.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.secondary.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.secondary.hover:hover > th {
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.success,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.success {
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.success > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.success > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.success > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.success > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-success-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.success > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.success > th.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.success > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.success > th.cell-hover:hover {
  background-color: var(--semantic-surface-success-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.success.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.success.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.success.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.success.hover:hover > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-success-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.error,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.error {
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.error > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.error > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.error > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.error > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-error-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.error > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.error > th.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.error > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.error > th.cell-hover:hover {
  background-color: var(--semantic-surface-error-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.error.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.error.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.error.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.error.hover:hover > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-error-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.warning,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.warning {
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.warning > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.warning > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.warning > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.warning > th {
  color: var(--semantic-text-strong);
  background-color: var(--semantic-surface-warning-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.warning > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.warning > th.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.warning > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.warning > th.cell-hover:hover {
  background-color: var(--semantic-surface-warning-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.warning.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.warning.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.warning.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.warning.hover:hover > th {
  color: var(--semantic-text-strong);
  background-color: var(--semantic-surface-warning-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.info,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.info {
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.info > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.info > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.info > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.info > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-info-default);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.info > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.info > th.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.info > td.cell-hover:hover,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.info > th.cell-hover:hover {
  background-color: var(--semantic-surface-info-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.info.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.info.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.info.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.info.hover:hover > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-info-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical {
  background-color: var(--cat-fill);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical > th {
  color: var(--semantic-text-inverse);
  background-color: var(--cat-fill);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical.hover:hover > th {
  background-color: var(--cat-text);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical.cat-neutral,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical.cat-neutral {
  background-color: var(--semantic-surface-neutral-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical.cat-neutral > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical.cat-neutral > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical.cat-neutral > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical.cat-neutral > th {
  color: var(--semantic-text-inverse);
  background-color: var(--semantic-surface-neutral-strong);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical.cat-neutral.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.categorical.cat-neutral.hover:hover > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical.cat-neutral.hover:hover > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.categorical.cat-neutral.hover:hover > th {
  background-color: var(--semantic-surface-neutral-disabled);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr.clickable,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr.clickable {
  cursor: pointer;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th {
  min-width: 80px;
  padding: var(--spacing-space-2);
  vertical-align: middle;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.nowrap,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.nowrap,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.nowrap,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th.nowrap {
  white-space: nowrap;
  overflow-wrap: normal;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th {
  transition: background-color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.clickable,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.clickable,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.clickable,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th.clickable {
  cursor: pointer;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.align-start,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.align-start,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.align-start,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th.align-start {
  text-align: left;
  justify-items: start;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.align-center,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.align-center,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.align-center,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th.align-center {
  text-align: center;
  justify-items: center;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.align-end,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.align-end,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.align-end,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th.align-end {
  text-align: end;
  justify-items: end;
}
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.table-sticky,
.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.table-sticky,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.table-sticky,
.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th.table-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  left: calc(var(--sticky-left) * 1px);
}

/* src/components/Tag/tag.scss */
.lib-xplat-tag {
  display: inline-flex;
  align-items: center;
  border-radius: var(--spacing-radius-sm);
  line-height: 1.5;
  border: 1px solid;
}
.lib-xplat-tag.sm {
  gap: var(--spacing-space-1);
  padding: 1px var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-tag.md {
  gap: var(--spacing-space-1);
  padding: 2px var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-tag.lg {
  gap: var(--spacing-space-1);
  padding: var(--spacing-space-1) var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-1-r-size);
}
.lib-xplat-tag.neutral {
  color: var(--semantic-text-muted);
  border-color: var(--semantic-border-default);
  background-color: var(--semantic-surface-neutral-subtle);
}
.lib-xplat-tag.categorical.cat-1 {
  color: var(--semantic-categorical-1-text);
  background-color: var(--semantic-categorical-1-bg);
  border-color: var(--semantic-categorical-1-area);
}
.lib-xplat-tag.categorical.cat-2 {
  color: var(--semantic-categorical-2-text);
  background-color: var(--semantic-categorical-2-bg);
  border-color: var(--semantic-categorical-2-area);
}
.lib-xplat-tag.categorical.cat-3 {
  color: var(--semantic-categorical-3-text);
  background-color: var(--semantic-categorical-3-bg);
  border-color: var(--semantic-categorical-3-area);
}
.lib-xplat-tag.categorical.cat-4 {
  color: var(--semantic-categorical-4-text);
  background-color: var(--semantic-categorical-4-bg);
  border-color: var(--semantic-categorical-4-area);
}
.lib-xplat-tag.categorical.cat-5 {
  color: var(--semantic-categorical-5-text);
  background-color: var(--semantic-categorical-5-bg);
  border-color: var(--semantic-categorical-5-area);
}
.lib-xplat-tag.categorical.cat-6 {
  color: var(--semantic-categorical-6-text);
  background-color: var(--semantic-categorical-6-bg);
  border-color: var(--semantic-categorical-6-area);
}
.lib-xplat-tag.categorical.cat-7 {
  color: var(--semantic-categorical-7-text);
  background-color: var(--semantic-categorical-7-bg);
  border-color: var(--semantic-categorical-7-area);
}
.lib-xplat-tag.categorical.cat-8 {
  color: var(--semantic-categorical-8-text);
  background-color: var(--semantic-categorical-8-bg);
  border-color: var(--semantic-categorical-8-area);
}
.lib-xplat-tag.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.lib-xplat-tag .tag-label {
  white-space: nowrap;
}
.lib-xplat-tag .tag-close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: inherit;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.lib-xplat-tag .tag-close:hover {
  opacity: 1;
}
.lib-xplat-tag.sm .tag-close svg {
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-tag.md .tag-close svg {
  font-size: var(--semantic-typo-caption-2-r-size);
}
.lib-xplat-tag.lg .tag-close svg {
  font-size: var(--semantic-typo-caption-1-r-size);
}

/* src/components/TextArea/textArea.scss */
.lib-xplat-textarea-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.lib-xplat-textarea-wrap .lib-xplat-textarea {
  width: 100%;
  border: 1px solid var(--semantic-border-default);
  border-radius: var(--spacing-radius-md);
  background-color: var(--semantic-surface-neutral-default);
  color: var(--semantic-text-subtle);
  font-family: inherit;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.lib-xplat-textarea-wrap .lib-xplat-textarea.sm {
  padding: var(--spacing-space-2) var(--spacing-space-3);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
}
.lib-xplat-textarea-wrap .lib-xplat-textarea.md {
  padding: var(--spacing-space-2) var(--spacing-space-4);
  font-size: var(--semantic-typo-label-2-m-size);
  line-height: var(--semantic-typo-label-2-m-lh);
}
.lib-xplat-textarea-wrap .lib-xplat-textarea.lg {
  padding: var(--spacing-space-3) var(--spacing-space-4);
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: var(--semantic-typo-label-1-m-lh);
}
.lib-xplat-textarea-wrap .lib-xplat-textarea:hover:not(.disabled):not(:focus) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-textarea-wrap .lib-xplat-textarea:focus {
  border-color: var(--semantic-interaction-focus-ring);
  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
}
.lib-xplat-textarea-wrap .lib-xplat-textarea:not(:placeholder-shown):not(:focus) {
  border-color: var(--semantic-border-strong);
}
.lib-xplat-textarea-wrap .lib-xplat-textarea.disabled {
  background-color: var(--semantic-surface-neutral-disabled);
  cursor: not-allowed;
  resize: none;
}

/* src/components/Toast/toast.scss */
.lib-xplat-toast-container {
  position: fixed;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0;
  pointer-events: none;
}
.lib-xplat-toast-container.top {
  top: var(--spacing-space-4);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.lib-xplat-toast-container.bottom {
  bottom: var(--spacing-space-4);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.lib-xplat-toast-container.top-left {
  top: var(--spacing-space-4);
  left: var(--spacing-space-4);
  align-items: flex-start;
}
.lib-xplat-toast-container.top-right {
  top: var(--spacing-space-4);
  right: var(--spacing-space-4);
  align-items: flex-end;
}
.lib-xplat-toast-container.bottom-left {
  bottom: var(--spacing-space-4);
  left: var(--spacing-space-4);
  align-items: flex-start;
}
.lib-xplat-toast-container.bottom-right {
  bottom: var(--spacing-space-4);
  right: var(--spacing-space-4);
  align-items: flex-end;
}
.lib-xplat-toast-wrapper {
  overflow: hidden;
  transition: max-height 0.3s ease, margin-bottom 0.3s ease;
  margin-bottom: var(--spacing-space-2);
}
.lib-xplat-toast-wrapper.exit {
  margin-bottom: 0;
}
.lib-xplat-toast {
  display: flex;
  align-items: center;
  gap: var(--spacing-space-2);
  padding: var(--spacing-space-3) var(--spacing-space-4);
  border-radius: var(--spacing-radius-md);
  font-size: var(--semantic-typo-caption-1-r-size);
  line-height: var(--semantic-typo-caption-1-r-lh);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  animation: lib-xplat-toast-enter 0.2s ease;
  min-width: 240px;
  max-width: 400px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.lib-xplat-toast.exit {
  opacity: 0;
  transform: translateX(30px);
}
.lib-xplat-toast .message {
  flex: 1;
}
.lib-xplat-toast .close-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--semantic-typo-label-1-m-size);
  line-height: 1;
  padding: 0;
  opacity: 0.6;
  transition: opacity 0.2s;
  color: inherit;
}
.lib-xplat-toast .close-btn:hover {
  opacity: 1;
}
.lib-xplat-toast.info {
  background-color: var(--semantic-surface-info-default);
  color: var(--semantic-text-inverse);
}
.lib-xplat-toast.success {
  background-color: var(--semantic-surface-success-default);
  color: var(--semantic-text-inverse);
}
.lib-xplat-toast.warning {
  background-color: var(--semantic-surface-warning-default);
  color: var(--semantic-text-inverse);
}
.lib-xplat-toast.error {
  background-color: var(--semantic-surface-error-default);
  color: var(--semantic-text-inverse);
}
@keyframes lib-xplat-toast-enter {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* src/components/Video/video.scss */
.lib-xplat-video {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--spacing-radius-sm);
  overflow: hidden;
  background-color: var(--semantic-surface-neutral-strong);
}
.lib-xplat-video > video {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  vertical-align: middle;
}
.lib-xplat-video.has-controls > video,
.lib-xplat-video:has(> .center-play) > video {
  cursor: pointer;
}
.lib-xplat-video > .center-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  color: var(--semantic-icon-inverse);
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.lib-xplat-video > .center-play::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.lib-xplat-video > .center-play > .center-play-icon {
  position: relative;
  z-index: 1;
  display: flex;
  font-size: var(--semantic-typo-display-1-b-size);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
}
.lib-xplat-video > .center-play.is-playing {
  opacity: 0;
}
.lib-xplat-video > .center-play.is-loading .center-play-icon {
  opacity: 0.6;
}
.lib-xplat-video > .controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--spacing-space-2) var(--spacing-space-3);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-space-1);
  background:
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0));
  color: var(--semantic-icon-inverse);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.lib-xplat-video:hover > .controls,
.lib-xplat-video:focus-within > .controls {
  opacity: 1;
  pointer-events: auto;
}
.lib-xplat-video .controls-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-space-2);
}
.lib-xplat-video .control-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  border-radius: var(--spacing-radius-sm);
  transition: background-color 0.15s ease;
}
.lib-xplat-video .control-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.lib-xplat-video .control-btn:focus-visible {
  outline: 2px solid var(--semantic-interaction-focus-ring);
  outline-offset: 2px;
}
.lib-xplat-video .controls-spacer {
  margin-left: auto;
}
.lib-xplat-video .control-btn.is-active {
  background-color: rgba(255, 255, 255, 0.25);
}
.lib-xplat-video .rate-group {
  position: relative;
}
.lib-xplat-video .rate-group .rate-btn {
  width: auto;
  padding: 0 var(--spacing-space-2);
  font-size: var(--semantic-typo-caption-2-r-size);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.lib-xplat-video .rate-group .rate-menu {
  position: absolute;
  bottom: calc(100% + var(--spacing-space-1));
  right: 0;
  margin: 0;
  padding: var(--spacing-space-1);
  list-style: none;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: var(--spacing-radius-sm);
  min-width: 64px;
}
.lib-xplat-video .rate-group .rate-menu .rate-item {
  width: 100%;
  padding: var(--spacing-space-1) var(--spacing-space-2);
  border: none;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: var(--spacing-radius-xs);
  font-size: var(--semantic-typo-caption-2-r-size);
  font-variant-numeric: tabular-nums;
}
.lib-xplat-video .rate-group .rate-menu .rate-item:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.lib-xplat-video .rate-group .rate-menu .rate-item.is-active {
  color: var(--semantic-surface-brand-default);
  font-weight: 600;
}
.lib-xplat-video .time {
  font-size: var(--semantic-typo-caption-2-r-size);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.lib-xplat-video .volume-group {
  display: flex;
  align-items: center;
}
.lib-xplat-video .volume-group .volume-slider {
  width: 0;
  opacity: 0;
  transition: width 0.2s ease, opacity 0.2s ease;
}
.lib-xplat-video .volume-group:hover .volume-slider,
.lib-xplat-video .volume-group:focus-within .volume-slider {
  width: 80px;
  opacity: 1;
  margin-left: var(--spacing-space-1);
}
.lib-xplat-video .seekbar,
.lib-xplat-video .volume-slider {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  margin: 0;
  padding: 0;
  align-self: center;
}
.lib-xplat-video .seekbar:focus,
.lib-xplat-video .volume-slider:focus {
  outline: none;
}
.lib-xplat-video .seekbar::-webkit-slider-thumb,
.lib-xplat-video .volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-radius: 50%;
  background: var(--semantic-icon-inverse);
  border: none;
  cursor: pointer;
}
.lib-xplat-video .seekbar::-moz-range-thumb,
.lib-xplat-video .volume-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--semantic-icon-inverse);
  border: none;
  cursor: pointer;
}
.lib-xplat-video .seekbar {
  width: 100%;
  height: 4px;
}
.lib-xplat-video .seekbar::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 2px;
  background:
    linear-gradient(
      to right,
      var(--semantic-surface-brand-default) 0%,
      var(--semantic-surface-brand-default) var(--progress, 0%),
      rgba(255, 255, 255, 0.4) var(--progress, 0%),
      rgba(255, 255, 255, 0.4) var(--buffered, 0%),
      rgba(255, 255, 255, 0.2) var(--buffered, 0%),
      rgba(255, 255, 255, 0.2) 100%);
}
.lib-xplat-video .seekbar::-moz-range-track {
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.2);
}
.lib-xplat-video .seekbar::-moz-range-progress {
  height: 4px;
  border-radius: 2px;
  background: var(--semantic-surface-brand-default);
}
.lib-xplat-video .volume-slider {
  height: 4px;
}
.lib-xplat-video .volume-slider::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 2px;
  background:
    linear-gradient(
      to right,
      var(--semantic-icon-inverse) 0%,
      var(--semantic-icon-inverse) var(--volume, 0%),
      rgba(255, 255, 255, 0.3) var(--volume, 0%),
      rgba(255, 255, 255, 0.3) 100%);
}
.lib-xplat-video .volume-slider::-moz-range-track {
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.3);
}
.lib-xplat-video .volume-slider::-moz-range-progress {
  height: 4px;
  border-radius: 2px;
  background: var(--semantic-icon-inverse);
}

/* src/layout/Grid/FullGrid/fullgrid.scss */
.lib-xplat-full-grid {
  display: grid;
  flex: 1;
  grid-template-columns: repeat(12, 1fr);
}
@media (min-width: 0px) and (max-width: 768px) {
  .lib-xplat-full-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .lib-xplat-full-grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1024px) and (max-width: 9999px) {
  .lib-xplat-full-grid {
    grid-template-columns: repeat(12, 1fr);
  }
}

/* src/layout/Grid/FullScreen/fullscreen.scss */
.lib-xplat-full-screen {
  display: grid;
  flex: 1;
  height: 100%;
  overflow: hidden;
  grid-template-columns: repeat(12, 1fr);
}
@media (min-width: 0px) and (max-width: 768px) {
  .lib-xplat-full-screen {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .lib-xplat-full-screen {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1024px) and (max-width: 9999px) {
  .lib-xplat-full-screen {
    grid-template-columns: repeat(12, 1fr);
  }
}

/* src/layout/Grid/Item/item.scss */
.lib-xplat-grid-item {
  grid-column: span var(--column-default);
}
@media (min-width: 0px) and (max-width: 768px) {
  .lib-xplat-grid-item {
    grid-column: span var(--column-mobile);
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .lib-xplat-grid-item {
    grid-column: span var(--column-tablet);
  }
}
@media (min-width: 1024px) and (max-width: 9999px) {
  .lib-xplat-grid-item {
    grid-column: span var(--column-laptop);
  }
}

/* src/layout/Header/header.scss */
.lib-xplat-layout-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--xplat-neutral-200);
  background-color: var(--xplat-white);
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
  overflow: hidden;
}
.lib-xplat-layout-header > * {
  min-width: 0;
  flex-shrink: 1;
}
@media (max-width: 767px) {
  .lib-xplat-layout-header {
    padding: 12px;
  }
}

/* src/layout/Layout/layout.scss */
.lib-xplat-layout {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: var(--xplat-neutral-50);
}
.lib-xplat-layout > .lib-xplat-layout-content-wrapper {
  display: flex;
  height: 100%;
}
.lib-xplat-layout > .lib-xplat-layout-content-wrapper > .lib-xplat-layout-content {
  flex: 1;
  overflow: auto;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.lib-xplat-layout > .lib-xplat-layout-content-wrapper > .lib-xplat-layout-content > .lib-xplat-layout-conent-header {
  position: sticky;
  top: 0;
  z-index: 10;
}
@media (max-width: 767px) {
  .lib-xplat-layout > .lib-xplat-layout-content-wrapper > .lib-xplat-layout-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 20;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
  }
  .lib-xplat-layout > .lib-xplat-layout-content-wrapper > .lib-xplat-layout-sidebar.large {
    transform: translateX(0);
  }
}

/* src/layout/SideBar/sidebar.scss */
.lib-xplat-layout-sidebar {
  transition: all 0.3s ease-in-out;
}
.lib-xplat-layout-sidebar.large {
  width: 260px;
}
.lib-xplat-layout-sidebar.small {
  width: 72px;
}