.product-card__compare{position:absolute;top:12px;inset-inline-end:12px}.product-card__compare label:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.compare-bar{--item-width: 7rem;position:fixed;bottom:0;transform:translateY(100%);box-shadow:0 -4px 12px #8b8a8714;will-change:transform;transition:transform .3s;z-index:1000;padding-bottom:env(safe-area-inset-bottom)!important}.compare-bar__inner{column-gap:20px}@media(min-width:768px){.compare-bar__inner{max-width:1792px;margin:0 auto;padding:0 64px}}.compare-bar__list-wrap{padding:16px 0}.compare-bar__list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.compare-bar__actions-wrap{padding:14px 0!important}@media(min-width:768px){.compare-bar__open{min-width:160px}}.compare-bar__item{position:relative;border:1px solid var(--color-gray-012);aspect-ratio:1/1}@media(min-width:768px){.compare-bar__item{width:96px}}.compare-bar__item:not(:has(.media-wrapper)){background:var(--color-beige-040);border:1px dashed var(--color-gray-064)}.compare-bar__item .media-wrapper{background:var(--color-beige-040)!important}.compare-bar__item-remove{position:absolute;top:-4px;right:-4px;width:20px;height:20px;padding:0;border:0;border-radius:4px;background:var(--color-gray-064)}@media(min-width:768px){.compare-bar__item-remove{width:24px;height:24px}}.compare-bar__toggle-list{height:auto;padding:0;background:none!important;border:none!important}.compare-bar__toggle-list .icon{transition:all var(--duration-default)}.is-show-list .compare-bar__toggle-list .h-icon{transform:rotate(180deg)}.compare-bar__clear-mobile{padding:0 0 16px}@media(max-width:767.98px){.compare-bar{padding:0 16px}.compare-bar__list-wrap{width:100%}.compare-bar:not(.is-show-list) .compare-bar__list-wrap,.compare-bar:not(.is-show-list) .compare-bar__clear-mobile{display:none!important}}.compare-drawer{--heading-col-width: 18rem;--product-col-width: 23.2rem;--modal-gap: 3rem;--modal-width: max( 71rem, calc( var(--number-items, 2) * var(--product-col-width) + var(--heading-col-width) + 6.6rem ) )}.compare-drawer__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;height:56px;padding-right:16px;background:var(--color-gray-000);z-index:10}@media(min-width:768px){.compare-drawer__head{height:100px;padding-right:32px}}.compare-drawer__head .drawer__close-btn{position:relative;top:0;right:0;width:auto;height:auto}.compare-table{border-collapse:collapse;width:100%;table-layout:fixed;border:0}.compare-table-container{max-width:100%;height:calc(100dvh - 56px);overflow:scroll;background:var(--color-gray-000);padding-right:16px;padding-bottom:env(safe-area-inset-bottom)}@media(min-width:768px){.compare-table-container{height:calc(100vh - 288px);padding-right:32px}}.compare-table-container.h-scrollable::-webkit-scrollbar{height:.6rem}.compare-table-container.h-scrollable::-webkit-scrollbar-thumb{border-radius:1rem;background-clip:padding-box;background:rgba(var(--color-foreground),.25)}.compare-table-container::-webkit-scrollbar{height:6px}.compare-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.compare-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.compare-table-container::-webkit-scrollbar-thumb:hover{background:#555}.compare-table tr[data-compare-key=info] td a{display:inline-flex;margin-top:12px}.compare-table tr:first-child th,.compare-table tr:first-child td{vertical-align:top}.compare-table th,.compare-table td{position:relative;padding:16px;text-align:center;vertical-align:middle;z-index:0;width:var(--product-col-width);font:var(--typo-inter-title-3);color:var(--color-gray-076)}@media(min-width:768px){.compare-table th,.compare-table td{width:192px;padding:20px 16px}}.compare-table th .f-price,.compare-table td .f-price{font-weight:inherit}.compare-table th .f-price--on-sale .f-price-item--sale,.compare-table td .f-price--on-sale .f-price-item--sale{color:var(--color-carrot-150)}.compare-table th:before,.compare-table td:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-bottom:1px solid var(--color-gray-012);pointer-events:none;border-right:0}.compare-table th:first-child,.compare-table td:first-child{width:128px;z-index:9;position:sticky;inset-inline-start:0;background:var(--color-gray-000);text-align:left;color:var(--color-gray-100);padding:16px 16px 16px 0}@media(min-width:768px){.compare-table th:first-child,.compare-table td:first-child{padding:20px 16px 20px 0;width:160px}}.compare-table th:first-child:before,.compare-table td:first-child:before{border-right:1px solid var(--color-gray-012)}.compare-table th:last-child:before,.compare-table td:last-child:before{border-inline-end-width:0}.compare-table tr:first-child td:before{border-top-width:0}.compare-table tr[data-compare-key=info] td{padding:0 12px 20px}@media(min-width:768px){.compare-table tr[data-compare-key=info] td{padding:0 16px 28px}}.compare-table__col-info{padding-top:8px}.compare-table__col-info .btn{margin-top:1.2rem}.compare-table--remove{position:absolute;top:-1.1rem;inset-inline-end:-1.4rem;padding:0;height:3.2rem;width:3.2rem;box-shadow:0 0 8px rgba(var(--color-foreground),.15)}.compare-drawer.modal{padding:0}.compare-drawer.modal .drawer__inner{border-radius:0;height:100%;max-height:100%}@media(min-width:768px){.compare-drawer.modal .drawer__inner{height:calc(100vh - 188px);max-width:800px;max-height:max-content}}.compare-drawer.modal .drawer__body{padding:0;max-height:100%;padding-bottom:env(safe-area-inset-bottom)!important;padding-left:16px}@media(min-width:768px){.compare-drawer.modal .drawer__body{padding-left:32px}}@media(max-width:767.98px){.compare-drawer{--modal-gap: 3.2rem 1.6rem;--heading-col-width: 10rem;--product-col-width: 16rem}.compare-table{--col-gap-x: 1.2rem;--col-gap-y: 1.2rem;font-size:calc(var(--font-body-size) * .8);line-height:2rem}.compare-table--remove{top:-.8rem;inset-inline-end:-1.1rem;width:2.4rem;height:2.4rem}}.is-product-comparing{padding-bottom:var(--compare-bar-height)}.is-product-comparing .product-card__quickview{display:none}.is-product-comparing .product-card__compare{display:block!important}.is-product-comparing .compare-bar{transform:translateZ(0)}.compare-table .f-price--on-sale .f-price__sale{flex-direction:column}
/*# sourceMappingURL=/cdn/shop/t/24/assets/compare.css.map */