.clicker-cart-preview{position:relative;width:100%;aspect-ratio:1;overflow:visible;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:12px;background:radial-gradient(circle at 50% 38%,rgb(255 255 255 / .98),transparent 55%),#e7eaf0;container-type:inline-size}.clicker-cart-preview__slots{position:relative;z-index:2;width:100%;height:100%}.clicker-cart-preview__slot{--clicker-cart-frame: clamp(3px, 6cqi, 7px);position:absolute;width:40%;aspect-ratio:1;overflow:visible;border:0;border-radius:18%;background:linear-gradient(145deg,color-mix(in srgb,var(--clicker-cart-base) 78%,#ffffff),var(--clicker-cart-base) 48%,color-mix(in srgb,var(--clicker-cart-base) 82%,#000000));box-shadow:inset 1px 1px #ffffff5c,inset -1px -1px #12121233;isolation:isolate}.clicker-cart-preview__slot:before{position:absolute;z-index:1;inset:var(--clicker-cart-frame);border:1px solid rgb(18 18 18 / .16);border-radius:13%;background:linear-gradient(145deg,color-mix(in srgb,var(--clicker-cart-base) 68%,#c9ccd3),color-mix(in srgb,var(--clicker-cart-base) 78%,#ffffff));box-shadow:inset 3px 4px 5px #1212122e,inset -1px -1px 3px #ffffff47;content:""}.clicker-cart-preview__keycap{position:absolute;z-index:3;inset:var(--clicker-cart-frame);display:block;width:calc(100% - (var(--clicker-cart-frame) * 2));height:calc(100% - (var(--clicker-cart-frame) * 2));overflow:hidden;border:1px solid rgb(18 18 18 / .18);border-radius:13%;object-fit:cover;box-shadow:inset 0 0 0 1px #ffffff29,0 2px 4px #12121233}.clicker-cart-preview__empty{position:absolute;top:21%;right:21%;bottom:21%;left:21%;border-radius:4px;background:#ffffff24;box-shadow:inset 0 0 0 1px #0000001f}.clicker-cart-preview__position{position:absolute;z-index:6;top:10%;left:10%;display:grid;width:24%;min-width:13px;aspect-ratio:1;place-items:center;border-radius:50%;color:#171717;background:#ffffffe6;box-shadow:0 1px 3px #12121229;font-size:clamp(7px,8cqi,12px);font-weight:700;line-height:1}.clicker-cart-preview__name{position:absolute;z-index:5;right:var(--clicker-cart-frame);bottom:var(--clicker-cart-frame);left:var(--clicker-cart-frame);padding:20% 4% 5%;overflow:hidden;border-radius:0 0 13% 13%;color:#fff;background:linear-gradient(to top,rgb(0 0 0 / .76),transparent);font-size:clamp(5px,6.5cqi,10px);font-weight:700;line-height:1.1;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 1px rgb(0 0 0 / .55);white-space:nowrap}.clicker-cart-preview__switch{position:absolute;z-index:7;top:9%;right:9%;width:27%;height:15%;overflow:hidden;border:1px solid #fff;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d}.clicker-cart-preview__switch img{display:block;width:100%;height:100%;object-fit:cover}.clicker-cart-preview__keychain-loop{position:absolute;z-index:1;width:24%;height:auto;aspect-ratio:70 / 52;filter:drop-shadow(0 -1px 0 rgb(18 18 18 / .22))}.clicker-cart-preview__keychain-loop-shape{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:visible;background:linear-gradient(100deg,color-mix(in srgb,var(--clicker-cart-base) 74%,#ffffff) 0%,var(--clicker-cart-base) 48%,color-mix(in srgb,var(--clicker-cart-base) 84%,#000000) 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cpath fill-rule='evenodd' d='M3 70 L19 28 C25 12 38 3 50 3 C62 3 75 12 81 28 L97 70 Z M25 58 L33 33 C37 22 43 17 50 17 C57 17 63 22 67 33 L75 58 Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cpath fill-rule='evenodd' d='M3 70 L19 28 C25 12 38 3 50 3 C62 3 75 12 81 28 L97 70 Z M25 58 L33 33 C37 22 43 17 50 17 C57 17 63 22 67 33 L75 58 Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.clicker-cart-preview__keychain-loop:after{position:absolute;z-index:2;top:31%;left:50%;width:54%;height:42%;border-radius:50% 50% 5px 5px/72% 72% 5px 5px;background:#e1e4ea;box-shadow:inset 0 2px 3px #1212123d,0 1px #ffffff38;content:"";transform:translate(-50%)}.clicker-cart-preview__keychain-bubble{position:absolute;z-index:3;top:-55%;right:-105%;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border:1px solid #fff;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000047}.clicker-cart-preview__keychain-bubble img{width:100%;height:100%;object-fit:cover}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__keychain-loop{display:none}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slots{position:absolute;top:24%;left:12%;width:76%;height:auto;aspect-ratio:1;overflow:visible;filter:drop-shadow(0 4px 5px rgb(18 18 18 / .2))}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slots:before{position:absolute;z-index:0;top:-19.91%;left:50%;width:32.41%;height:24.07%;background:linear-gradient(100deg,color-mix(in srgb,var(--clicker-cart-base) 74%,#ffffff) 0%,var(--clicker-cart-base) 48%,color-mix(in srgb,var(--clicker-cart-base) 84%,#000000) 100%);box-shadow:inset 1px 1px #ffffff57,inset -1px -1px #1212122e,0 0 0 1px #12121238,0 2px 3px #12121224;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cpath d='M3 70 L19 28 C25 12 38 3 50 3 C62 3 75 12 81 28 L97 70 Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cpath d='M3 70 L19 28 C25 12 38 3 50 3 C62 3 75 12 81 28 L97 70 Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;content:"";transform:translate(-50%)}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slots:after{display:none;content:none}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slot{width:49.34%}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slot--1{left:0;top:0}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slot--2{left:50.66%;top:0}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slot--3{left:0;top:50.66%}.clicker-cart-preview[data-layout=square] .clicker-cart-preview__slot--4{left:50.66%;top:50.66%}.clicker-cart-preview[data-layout=horizontal] .clicker-cart-preview__keychain-loop{top:50%;left:-2%;transform:translate(-50%,-50%) rotate(-90deg)}.clicker-cart-preview[data-layout=horizontal]{border-radius:12px}.clicker-cart-preview[data-layout=horizontal] .clicker-cart-preview__slot{width:23%;top:38.5%}.clicker-cart-preview[data-layout=horizontal] .clicker-cart-preview__slot--1{left:2%}.clicker-cart-preview[data-layout=horizontal] .clicker-cart-preview__slot--2{left:26%}.clicker-cart-preview[data-layout=horizontal] .clicker-cart-preview__slot--3{left:50%}.clicker-cart-preview[data-layout=horizontal] .clicker-cart-preview__slot--4{left:74%}.clicker-cart-preview[data-layout=vertical] .clicker-cart-preview__keychain-loop{top:-2%;left:50%;transform:translate(-50%)}.clicker-cart-preview[data-layout=vertical] .clicker-cart-preview__slot{width:23%;left:38.5%}.clicker-cart-preview[data-layout=vertical] .clicker-cart-preview__slot--1{top:2%}.clicker-cart-preview[data-layout=vertical] .clicker-cart-preview__slot--2{top:26%}.clicker-cart-preview[data-layout=vertical] .clicker-cart-preview__slot--3{top:50%}.clicker-cart-preview[data-layout=vertical] .clicker-cart-preview__slot--4{top:74%}.clicker-cart-preview[data-layout=z-shape] .clicker-cart-preview__keychain-loop{top:-1%;left:75%;transform:translate(-50%)}.clicker-cart-preview[data-layout=z-shape] .clicker-cart-preview__slot{width:31%}.clicker-cart-preview[data-layout=z-shape] .clicker-cart-preview__slot--1{left:19%;top:67%}.clicker-cart-preview[data-layout=z-shape] .clicker-cart-preview__slot--2{left:19%;top:35%}.clicker-cart-preview[data-layout=z-shape] .clicker-cart-preview__slot--3{left:51%;top:35%}.clicker-cart-preview[data-layout=z-shape] .clicker-cart-preview__slot--4{left:51%;top:3%}.clicker-cart-preview[data-layout=wasd] .clicker-cart-preview__keychain-loop{top:1%;left:50%;transform:translate(-50%)}.clicker-cart-preview[data-layout=wasd] .clicker-cart-preview__slot{width:31%}.clicker-cart-preview[data-layout=wasd] .clicker-cart-preview__slot--1{left:34.5%;top:18%}.clicker-cart-preview[data-layout=wasd] .clicker-cart-preview__slot--2{left:2%;top:51%}.clicker-cart-preview[data-layout=wasd] .clicker-cart-preview__slot--3{left:34.5%;top:51%}.clicker-cart-preview[data-layout=wasd] .clicker-cart-preview__slot--4{left:67%;top:51%}.clicker-cart-preview[data-layout=single] .clicker-cart-preview__keychain-loop{top:12%;left:50%;transform:translate(-50%)}.clicker-cart-preview[data-layout=single] .clicker-cart-preview__slot--1{left:30%;top:34%}.clicker-cart-preview[data-layout=single] .clicker-cart-preview__slot--2,.clicker-cart-preview[data-layout=single] .clicker-cart-preview__slot--3,.clicker-cart-preview[data-layout=single] .clicker-cart-preview__slot--4{display:none}.clicker-cart-preview--no-hook .clicker-cart-preview__keychain-loop,.clicker-cart-preview--no-hook .clicker-cart-preview__slots:before,.clicker-cart-preview--no-hook .clicker-cart-preview__slots:after{display:none!important;content:none!important}.cart-items__media-container--clicker{display:block;aspect-ratio:auto!important;overflow:visible}.clicker-cart-media-stack{display:grid;width:100%;gap:10px}.clicker-cart-media-stack__item{position:relative;display:grid;width:100%;min-width:0;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:12px;background:#e7eaf0}.clicker-cart-media-stack__label{position:absolute;z-index:10;top:4px;left:4px;max-width:calc(100% - 8px);padding:2px 5px;overflow:hidden;border-radius:999px;color:#222;background:#ffffffe0;font-size:8px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.clicker-cart-media-stack__product-image,.clicker-cart-media-stack__keychain-image{display:block;width:100%;height:100%;object-fit:contain}.clicker-cart-media-stack__placeholder{display:grid;width:100%;height:100%;padding:18px 6px 6px;place-items:center;color:rgb(var(--color-foreground-rgb) / .68);font-size:9px;font-weight:700;line-height:1.2;text-align:center}.clicker-cart-media-stack__assembly{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:20px 8px 8px;color:#4c35c7;background:linear-gradient(145deg,#6550e817,#6550e82e)}.clicker-cart-media-stack__assembly--diy{color:#1f1f24;background:linear-gradient(145deg,#1f1f240d,#1f1f2421)}.clicker-cart-media-stack__assembly-symbol{display:grid;width:min(60%,96px);height:auto;aspect-ratio:1;place-items:center;border-radius:28%;background:#6550e8;color:#fff;box-shadow:0 8px 18px #6550e838;font-size:clamp(30px,38%,54px);font-weight:800;line-height:1}.clicker-cart-media-stack__assembly-symbol--diy{background:#171717;box-shadow:0 8px 18px #17171733}.clicker-cart-media-stack__assembly-name{max-width:100%;overflow:hidden;color:currentcolor;font-size:9px;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.clicker-cart-media-stack__item .clicker-cart-preview{width:100%;border:0;border-radius:0}.cart-items__table-row--clicker .cart-items__media{align-self:start;overflow:visible}@media screen and (max-width:749px){.cart-items__table-row--clicker,.cart-items__table-row--clicker.cart-items__table-row--full-width-variants{grid-template-columns:clamp(7rem,30vw,9rem) minmax(0,1fr) auto}}@container cart-items (min-width: 720px){.cart-items__table-row.cart-items__table-row--clicker{grid-template-columns:clamp(12rem,20cqi,15rem) minmax(0,1fr) minmax(8rem,.55fr) minmax(var(--cart-item-price-width),auto)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/clicker-cart-preview.css.map */