.gi{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:56px}.gi-card{position:relative;aspect-ratio:10/7;background:#fffdf9;border-radius:6px;box-shadow:0 26px 54px #00000057,0 2px 6px #0003;transform:rotate(-1deg);overflow:hidden;container-type:size}.gi-card{touch-action:none;cursor:crosshair}.gi-card canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.gi-sprig{position:absolute;width:30%;pointer-events:none;z-index:1}.gi-sprig.a{left:-5%;top:-10%;transform:rotate(-16deg)}.gi-sprig.b{right:-5%;bottom:-11%;transform:rotate(166deg)}.gi-hint{position:absolute;left:50%;bottom:8%;transform:translate(-50%);z-index:2;pointer-events:none;background:var(--ink);color:#fff;font:800 12px/1 var(--head);font-stretch:110%;letter-spacing:.06em;text-transform:uppercase;padding:9px 13px;border-radius:999px;transition:opacity .25s}.gi-hint.off{opacity:0}.gi-pen{position:absolute;left:0;top:0;z-index:3;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .25s;will-change:transform}.gi-pen.on{opacity:1}.gi-pen svg{position:absolute;left:-11px;bottom:0;width:22px;height:auto;filter:drop-shadow(5px 8px 7px rgba(0,0,0,.28))}.gi-side{color:#fff}.gi-name{display:flex;gap:8px;margin-bottom:22px}.gi-name input{flex:1;min-width:0;height:52px;border:0;border-radius:8px;padding:0 16px;font-size:16px;background:#fff;color:var(--ink)}.gi-name .btn{height:52px;padding:0 20px;white-space:nowrap}.gi-now{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px}.gi-now i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffffbf}.gi-now i:nth-child(2){width:14px;height:14px;margin-left:-14px;margin-top:14px;box-shadow:0 0 0 2px var(--green)}.gi-now b{font-weight:700;margin-left:6px}.gi-pens{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.gi-c{aspect-ratio:1/1.25;border-radius:4px;background:linear-gradient(var(--a) 50%,var(--b) 50%);transition:transform .12s;box-shadow:inset 0 0 0 1px #00000014}.gi-c:hover{transform:scale(1.14)}.gi-c.on{box-shadow:0 0 0 2px var(--green),0 0 0 4px #fff;transform:scale(1.08)}.gi-tools{display:flex;gap:10px;margin-top:16px}.gi-tools button{flex:1;height:44px;border-radius:8px;border:1.5px solid rgba(255,255,255,.5);color:#fff;font:800 12px/1 var(--head);font-stretch:110%;letter-spacing:.06em;text-transform:uppercase;transition:background .15s,color .15s}.gi-tools button:hover{background:#fff;color:var(--ink)}.gi-fine{font-size:12.5px;opacity:.7;margin-top:14px}.gi-plain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gi-film:after{background:linear-gradient(0deg,#00000094,#0000000a 50%,#0003),linear-gradient(270deg,#000000ad,#0003 40%,#0000 60%)}.gi-film .wrap{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.gi-film h2{max-width:520px}.gi-film p{max-width:400px}@media(max-width:1060px){.gi{grid-template-columns:1fr;gap:30px;margin-bottom:40px}}@media(max-width:760px){.gi-film{display:block;min-height:0}.gi-film:after{display:none}.gi-film .poster{position:relative;display:block;height:auto;aspect-ratio:3/4}.gi-film video{inset:0 0 auto 0;height:auto;aspect-ratio:3/4}.gi-film .wrap{align-items:flex-start;text-align:left;padding-top:24px;padding-bottom:36px}}@media(max-width:560px){.sticky .t b{white-space:normal}.sticky .t span{display:none}.sticky .btn{padding:0 18px}.gi-pens{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.gi-c{aspect-ratio:1/.9}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/glitter-ink.css.map */