@scope(dl-cart-variant-pop){.title,.overlay{display:none}:scope.is-open .overlay{display:flex}.compare-price.is-hidden,.fade.is-hidden{display:none}.item-image img.is-visible{opacity:1;visibility:visible}.item-image img.is-hidden{opacity:0;visibility:hidden}.item-image picture:has(img.is-hidden){visibility:hidden}.item-image picture:has(img.is-visible){visibility:visible}.image img.is-selected{opacity:1;visibility:visible}.item.is-selected{border:2px solid #46691a}.item.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}:scope{display:contents}.overlay{width:100%;height:100%;position:fixed;inset:0;z-index:1100;align-items:center;justify-content:center;background:#0006}.inner{display:flex;flex-direction:column;width:640px;height:480px;max-height:calc(100vh - 80px);padding:40px 40px 24px;position:relative;background-color:#fff;border-radius:16px;overflow:hidden}.close{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.close:focus:not(:focus-visible){outline:none}.content{width:100%;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.container{position:relative;display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"image top" "image options" "image bottom";column-gap:40px;row-gap:16px;align-items:stretch;flex:1 1 auto;width:100%;height:100%;min-height:0}.image{grid-area:image;align-self:start;display:flex;width:120px;height:120px;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1 / 1;position:relative}.top{grid-area:top;display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0}.options{grid-area:options;flex:1;padding:0;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto}.options::-webkit-scrollbar{display:none}.bottom{grid-area:bottom;display:flex;width:100%;justify-content:flex-end;align-items:center;gap:16px;height:48px;z-index:11;flex-shrink:0;position:relative}.fade{grid-area:options;align-self:end;justify-self:stretch;position:relative;height:20px;background:linear-gradient(180deg,#fff0,#fffc 70%,#fff);pointer-events:none;z-index:10}.image picture{position:absolute;inset:0;width:100%;height:100%}.image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.item-image{position:relative;width:56px;height:56px}.item-image picture{position:absolute;inset:0;width:100%;height:100%}.item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,visibility .3s ease}.price{color:#000;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.compare-price{color:#95989c;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:line-through}.option-row{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;flex-shrink:0}.option-label{color:#95989c;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.option-items{width:100%;display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;gap:8px;align-self:stretch;flex-wrap:nowrap}.option-items[data-option-kind=color]{width:100%;display:flex;flex-direction:row;align-items:flex-start;align-content:flex-start;gap:8px;align-self:stretch;flex-wrap:wrap}.item{width:100%;display:flex;height:64px;padding:16px;align-items:center;gap:4px;flex:1 0 0;border-radius:4px;border:2px solid rgba(0,0,0,.08);cursor:pointer;-webkit-tap-highlight-color:transparent}.item:focus:not(:focus-visible){outline:none}.item-text{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.subscribe{display:flex;flex-direction:column;align-items:flex-start;gap:16px;align-self:stretch;flex-shrink:0}.subscribe-title{color:#95989c;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.subscribe-box{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:64px}.subscribe-select{width:100%;height:100%;padding:16px;color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal;border-radius:4px;border:2px solid rgba(0,0,0,.08);appearance:none;background-image:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.subscribe-select:focus:not(:focus-visible){outline:none}.subscribe-select option{color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.subscribe-arrow{width:24px;height:24px;flex-shrink:0;position:absolute;right:16px;pointer-events:none}.swatch{width:28px;height:28px;border-radius:28px;margin-right:8px;display:inline-block;box-shadow:0 1px 4px #00000026 inset;flex-shrink:0}.confirm{width:100%;display:flex;height:48px;padding:8px 48px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:4px;background:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}.confirm:focus:not(:focus-visible){outline:none}.confirm span{color:#fff;text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.bottom svg circle{stroke:#fff}@media screen and (min-width:1921px){.inner{width:calc(640 / 1920 * 100vw);height:25vw;padding:calc(40 / 1920 * 100vw) calc(40 / 1920 * 100vw) 1.25vw calc(40 / 1920 * 100vw)}.close{top:calc(16 / 1920 * 100vw);right:calc(16 / 1920 * 100vw)}.container{grid-template-columns:6.25vw 1fr;column-gap:calc(40 / 1920 * 100vw);row-gap:calc(16 / 1920 * 100vw)}.image{width:6.25vw;height:6.25vw}.item-image{width:calc(56 / 1920 * 100vw);height:calc(56 / 1920 * 100vw)}.top{gap:calc(16 / 1920 * 100vw);padding-bottom:calc(16 / 1920 * 100vw);flex-shrink:0}.options{padding:0;gap:calc(16 / 1920 * 100vw)}.price{font-size:1.25vw}.compare-price{font-size:calc(20 / 1920 * 100vw)}.option-row{gap:calc(16 / 1920 * 100vw)}.option-label{font-size:calc(20 / 1920 * 100vw)}.option-items{width:100%;gap:calc(8 / 1920 * 100vw);align-self:stretch;flex-wrap:nowrap}.option-items[data-option-kind=color]{width:100%;gap:calc(8 / 1920 * 100vw);align-self:stretch;flex-wrap:wrap}.item{width:100%;height:calc(64 / 1920 * 100vw);padding:calc(16 / 1920 * 100vw);align-items:center;gap:calc(4 / 1920 * 100vw);flex:1 0 0;cursor:pointer}.item-text{font-size:calc(16 / 1920 * 100vw)}.subscribe{gap:calc(16 / 1920 * 100vw)}.subscribe-title{font-size:calc(20 / 1920 * 100vw)}.subscribe-box{height:calc(64 / 1920 * 100vw)}.subscribe-select{padding:calc(16 / 1920 * 100vw);font-size:calc(16 / 1920 * 100vw)}.subscribe-select option{font-size:calc(16 / 1920 * 100vw)}.subscribe-arrow{width:1.25vw;height:1.25vw;right:calc(16 / 1920 * 100vw)}.swatch{width:calc(28 / 1920 * 100vw);height:calc(28 / 1920 * 100vw);margin-right:calc(8 / 1920 * 100vw);display:inline-block;flex-shrink:0}.bottom{width:100%;align-items:center;justify-content:flex-end;gap:calc(16 / 1920 * 100vw);height:2.5vw;z-index:11;flex-shrink:0;position:relative}.confirm{width:100%;height:2.5vw;padding:calc(8 / 1920 * 100vw) 2.5vw;justify-content:center;gap:calc(10 / 1920 * 100vw);align-self:stretch}.confirm span{font-size:calc(20 / 1920 * 100vw)}.fade{height:calc(20 / 1920 * 100vw)}}@media screen and (min-width:991px)and (max-width:1600px){.inner{width:40vw;height:30vw;padding:2.5vw 2.5vw 1.5vw}.close{top:1vw;right:1vw}.container{grid-template-columns:7.5vw 1fr;column-gap:2.5vw;row-gap:1vw}.image{width:7.5vw;height:7.5vw}.item-image{width:calc(56 / 1600 * 100vw);height:calc(56 / 1600 * 100vw)}.top{gap:1vw;padding-bottom:1vw;flex-shrink:0}.options{padding:0;gap:1vw}.price{font-size:1.5vw}.compare-price{font-size:1.25vw}.option-row{gap:1vw}.option-label{font-size:1.25vw}.option-items{width:100%;gap:.5vw;align-self:stretch;flex-wrap:nowrap}.option-items[data-option-kind=color]{width:100%;gap:.5vw;align-self:stretch;flex-wrap:wrap}.item{width:100%;height:4vw;padding:1vw;align-items:center;gap:.25vw;flex:1 0 0;cursor:pointer}.item-text{font-size:1vw}.subscribe{gap:1vw}.subscribe-title{font-size:1.25vw}.subscribe-box{height:4vw}.subscribe-select{padding:1vw;font-size:1vw}.subscribe-select option{font-size:1vw}.subscribe-arrow{width:1.5vw;height:1.5vw;right:1vw}.swatch{width:calc(28 / 1600 * 100vw);height:calc(28 / 1600 * 100vw);margin-right:.5vw;display:inline-block;flex-shrink:0}.bottom{width:100%;align-items:center;justify-content:flex-end;gap:1vw;height:3vw;z-index:11;flex-shrink:0;position:relative}.confirm{width:100%;height:3vw;padding:.5vw 3vw;justify-content:center;gap:.625vw;align-self:stretch}.confirm span{font-size:1.25vw}.fade{height:1.25vw}}@media screen and (max-width:990px){.title{margin:0;display:block;color:#000;font-size:calc(16 / 375 * 100vw);font-style:normal;font-weight:500;line-height:normal;grid-area:title;padding-right:calc(32 / 375 * 100vw)}.overlay{display:flex;visibility:hidden;pointer-events:none}:scope.is-open .overlay{visibility:visible;pointer-events:auto}:scope.is-open .inner{transform:translateY(0)}.inner{width:100%;height:auto;max-height:90%;padding:6.4vw calc(16 / 375 * 100vw);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);transition:transform .3s ease;background-color:#fff;border-radius:8px 8px 0 0;margin:0;z-index:1100;top:unset}.close{top:6.4vw;right:calc(16 / 375 * 100vw);cursor:pointer;-webkit-tap-highlight-color:transparent}.container{grid-template-columns:auto 1fr;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title title" "image top" "options options" "bottom bottom";gap:calc(16 / 375 * 100vw)}.options{padding:0;gap:calc(16 / 375 * 100vw)}.image{width:calc(64 / 375 * 100vw);height:calc(64 / 375 * 100vw)}.top{border-bottom:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:calc(4 / 375 * 100vw);padding-bottom:0}.price,.compare-price,.option-label{font-size:calc(14 / 375 * 100vw)}.option-row{gap:calc(16 / 375 * 100vw)}.option-items,.option-items[data-option-kind=color]{gap:calc(8 / 375 * 100vw)}.item{width:100%;flex:0 0 auto;height:auto;min-height:calc(64 / 375 * 100vw);padding:calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);align-items:center;gap:calc(4 / 375 * 100vw);cursor:pointer;-webkit-tap-highlight-color:transparent}.option-items[data-option-kind=color] .item{width:auto;flex:1 1 auto;min-width:0}.item-image{width:calc(56 / 375 * 100vw);height:calc(56 / 375 * 100vw)}.swatch{width:calc(28 / 375 * 100vw);height:calc(28 / 375 * 100vw)}.item-text{font-size:calc(16 / 375 * 100vw);display:flex}.subscribe{gap:calc(16 / 375 * 100vw)}.subscribe-title{font-size:calc(14 / 375 * 100vw)}.subscribe-box{height:calc(64 / 375 * 100vw)}.subscribe-select{padding:calc(16 / 375 * 100vw);font-size:calc(16 / 375 * 100vw);cursor:pointer;-webkit-tap-highlight-color:transparent}.subscribe-select option{font-size:calc(16 / 375 * 100vw)}.subscribe-arrow{width:6.4vw;height:6.4vw;right:calc(16 / 375 * 100vw)}.bottom{height:12.8vw}.confirm{width:100%;display:flex;height:12.8vw;padding:calc(8 / 375 * 100vw) 12.8vw;justify-content:center;align-items:center;gap:calc(10 / 375 * 100vw);align-self:stretch;background:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}.fade{height:calc(20 / 375 * 100vw)}}}