.scroll-share-host{z-index:31;pointer-events:none;height:0;position:sticky;top:0;overflow:visible}.scroll-share-button{right:max(16px, env(safe-area-inset-right,0px));top:calc(var(--share-bottom,100svh) - max(16px, env(safe-area-inset-bottom,0px)));pointer-events:auto;position:absolute;transform:translateY(-100%)}.themed-scroll .scroll-share-button .experience-share-icon{width:max(44px, var(--scroll-button-height));height:max(44px, var(--scroll-button-height));border-width:var(--border-width-default);border-radius:var(--scroll-button-radius);cursor:pointer;opacity:1;border-style:solid;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:inline-flex}.scroll-share-button .experience-share-icon:disabled{cursor:default}.scroll-share-button .experience-share-icon svg{width:22px;height:22px}.scroll-share-button .experience-share-control>p{max-width:220px}
.scroll-phone-host{z-index:30;height:0;position:sticky;top:0;overflow:visible}.scroll-phone-banner{padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px;box-sizing:border-box;min-height:52px;font-family:var(--scroll-font-family,inherit);align-items:center;gap:8px;display:flex}.scroll-phone-copy{flex:1;min-width:0}.scroll-phone-trigger{width:100%;min-height:40px;font:inherit;cursor:pointer;text-align:left;border:0;justify-content:center;align-items:center;gap:8px;padding:4px;font-weight:600;display:flex}.scroll-phone-trigger svg{flex:none}.scroll-phone-close{cursor:pointer;flex:none;place-items:center;min-width:40px;min-height:40px;display:grid}.scroll-phone-trigger:focus-visible{outline-offset:-3px;outline:2px solid}.scroll-phone-host--inline{height:auto;position:relative}.public-scroll:not(.public-scroll--snap):has(>.scroll-phone-host){scroll-padding-top:var(--phone-banner-height,56px);overflow:clip}.public-scroll:has(>.scroll-phone-host)>.public-scroll-content{border-top:var(--phone-banner-height,56px) solid transparent;background-clip:padding-box}.public-scroll:has(>.scroll-phone-host) .public-scroll-snap-screen{padding-top:calc(var(--size-22) + var(--phone-banner-height,56px))}.public-scroll--snap:has(>.snap-progress-overlay){--snap-progress-height:calc(max(var(--size-8), env(safe-area-inset-top,0px)) + var(--size-4) + 6px)}.public-scroll--snap:has(>.snap-progress-overlay)>.scroll-phone-host{top:var(--snap-progress-height)}.public-scroll--snap:has(>.snap-progress-overlay)>.scroll-phone-host .scroll-phone-banner{padding-top:6px}.public-scroll--snap:has(>.snap-progress-overlay):has(>.scroll-phone-host) .public-scroll-snap-screen{padding-top:calc(var(--snap-progress-height) + var(--phone-banner-height,56px) + 6px)}.scroll-phone-dialog[open]{box-sizing:border-box;background:#00000059;justify-content:center;align-items:flex-end;padding:12px;display:flex}.scroll-phone-drawer{box-sizing:border-box;width:min(100%,420px);max-height:100%;padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px));font-family:inherit;overflow-y:auto}.scroll-phone-guide{gap:20px;display:grid}.scroll-phone-guide-header{gap:10px;display:grid}.scroll-phone-guide .scroll-phone-eyebrow{letter-spacing:.12em;align-items:center;gap:7px;font-size:10px;font-weight:650;line-height:1.4;display:flex}.scroll-phone-guide h2{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:700;line-height:1.08}.scroll-phone-guide p{margin:0;font-size:13px;font-weight:400;line-height:1.5}.scroll-phone-device-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scroll-phone-device-switch .surface-button{min-height:42px;font:inherit;padding:10px 12px;font-size:12px;font-weight:600;position:relative}.scroll-phone-device-switch [aria-pressed=true]:after{content:"";background:currentColor;width:18px;height:2px;position:absolute;bottom:5px;left:calc(50% - 9px)}.scroll-phone-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.scroll-phone-steps li{grid-template-columns:24px minmax(0,1fr) 20px;align-items:start;gap:10px;padding:16px 0;display:grid}.scroll-phone-steps li+li{border-top:1px solid color-mix(in srgb, currentColor 16%, transparent)}.scroll-phone-steps li:first-child{padding-top:0}.scroll-phone-steps li:last-child{padding-bottom:0}.scroll-phone-step-number{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:22px}.scroll-phone-steps h3{letter-spacing:-.01em;margin:0 0 5px;font-size:14px;font-weight:650;line-height:1.4}.scroll-phone-steps li>svg{margin-top:1px}.scroll-phone-guide-note{border-inline-start:2px solid;padding-inline-start:12px}.scroll-phone-guide-note p{font-size:11px;line-height:1.5}.scroll-phone-share-url{box-sizing:border-box;border:0;width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border-bottom:1px solid;border-radius:0;padding:8px 0;font-size:12px}.scroll-phone-guide-actions{gap:10px;display:flex}.scroll-phone-guide-actions .surface-button{flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.scroll-phone-guide .scroll-phone-feedback{font-size:12px}@media (max-width:360px){.scroll-phone-drawer{padding:22px 18px}.scroll-phone-guide{gap:16px}}
.playblock-render:has(>.transfer-code--fit){height:100%;min-height:0}.transfer-code.transfer-code--fit{flex:1 1 0;width:100%;height:100%;min-height:0;display:flex}.transfer-code.transfer-code--fit iframe,.public-scroll--audience [data-experience-layout=embed] .transfer-code--fit iframe{flex:1;width:100%;height:100%;min-height:0}
.playblock-render.kind-gallery{height:100%;min-height:0;overflow:hidden}.playblock-render.kind-gallery>.gallery-block{flex:1 1 0;min-height:0}.gallery-block{width:100%;height:100%;min-height:200px;position:relative;overflow:hidden}.gallery-block-track{gap:8px;width:100%;height:100%;display:grid;overflow:hidden}.gallery-block--masonry .gallery-block-track{grid-template-columns:repeat(var(--gallery-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--gallery-rows), minmax(0, 1fr))}.gallery-block--grid .gallery-block-track{grid-template-columns:repeat(var(--gallery-grid-columns,var(--grid-span-columns-desktop,var(--gallery-columns))), minmax(0, 1fr));align-content:start;gap:var(--size-13,13px);scrollbar-width:none;grid-auto-rows:max-content;overflow-y:auto}.gallery-block--grid .gallery-block-tile{aspect-ratio:1.4;align-self:start}.public-scroll--audience--mobile .gallery-block--grid{--gallery-grid-columns:var(--grid-span-columns-mobile,var(--gallery-columns))}@media (max-width:760px){.public-scroll--audience:not(.public-scroll--audience--desktop) .gallery-block--grid{--gallery-grid-columns:var(--grid-span-columns-mobile,var(--gallery-columns))}}.gallery-block-tile{border-radius:var(--scroll-card-radius,8px);min-width:0;min-height:0;position:relative;overflow:hidden}.gallery-block-tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gallery-block-placeholder{text-align:center;place-items:center;height:100%;padding:8px;display:grid}.gallery-block-link{position:absolute;inset:0}.gallery-block-link:focus-visible,.gallery-block-track:focus-visible{outline:3px solid var(--scroll-main);outline-offset:-3px}.gallery-block--slideshow .gallery-block-track{scrollbar-width:none;display:flex;overflow-x:auto}.gallery-block--slideshow .gallery-block-tile{flex:0 0 85%;height:100%}.gallery-block-controls{align-items:flex-end}@media (prefers-reduced-motion:reduce){.gallery-block-track{scroll-behavior:auto}}
.code-submission-gallery{flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;display:flex}.code-submission-gallery header{text-align:center;padding:16px 12px 4px}.code-submission-gallery header h2{font:inherit;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:1.6em;font-weight:900;line-height:.94}.code-submission-gallery-art{flex:1;min-height:0}.code-submission-gallery-art .gallery-block{min-height:0}.code-submission-gallery-empty{text-align:center;place-items:center;height:100%;padding:16px;display:grid}
.scroll-block-skeleton{box-sizing:border-box;width:100%;height:100%;min-height:0;color:var(--scroll-font,currentColor);border-radius:var(--scroll-card-radius,0px);pointer-events:none;overflow:hidden}.scroll-block-skeleton-shapes{flex-direction:column;justify-content:center;gap:1em;width:100%;height:100%;display:flex;position:relative}.scroll-block-skeleton-shapes>span,.scroll-block-skeleton-cover-copy>span{opacity:.12;background:currentColor;animation:1.5s ease-in-out infinite alternate scroll-block-loading-pulse;display:block}.scroll-block-skeleton-art{border-radius:inherit;width:100%;height:100%}.scroll-block-skeleton-line{border-radius:.2em;flex-shrink:0;width:85%;height:1em}.scroll-block-skeleton-line:last-child{width:60%}.scroll-block-skeleton-button{border-radius:var(--scroll-button-radius,0px);width:45%;height:2.75em}.scroll-block-skeleton-choice{border-radius:var(--scroll-card-radius,0px);width:90%;height:2.75em}.scroll-block-skeleton[data-skeleton-shape=text],.scroll-block-skeleton[data-skeleton-shape=choices]{padding:5%}.scroll-block-skeleton[data-skeleton-shape=control] .scroll-block-skeleton-shapes{align-items:center}.scroll-block-skeleton[data-skeleton-shape=gallery] .scroll-block-skeleton-shapes{grid-template-columns:repeat(2,1fr);gap:.75em;display:grid}.scroll-block-skeleton-cover-copy{flex-direction:column;justify-content:center;align-items:center;gap:1.5em;padding:8%;display:flex;position:absolute;inset:0}.scroll-block-skeleton[data-cover-layout=balanced] .scroll-block-skeleton-cover-copy{justify-content:space-between;inset-block:20%}.scroll-block-skeleton[data-cover-layout=split] .scroll-block-skeleton-cover-copy{justify-content:space-between}.public-scroll-moment>.scroll-block-skeleton-overlay{z-index:1;position:absolute;inset:0}@keyframes scroll-block-loading-pulse{to{opacity:.24}}@media (prefers-reduced-motion:reduce){.scroll-block-skeleton-shapes>span,.scroll-block-skeleton-cover-copy>span{animation:none}}
.playblock-render.kind-scrolls{height:100%;min-height:0;padding:0}.scroll-collection{gap:var(--size-8);width:100%;height:100%;min-height:0;color:var(--scroll-font);grid-auto-rows:minmax(0,1fr);display:grid}.scroll-collection-card{min-width:0;min-height:0;color:inherit;text-decoration:none;display:flex;overflow:hidden}.scroll-collection-card strong{font-size:var(--size-14);font-weight:var(--font-weight-650);overflow-wrap:anywhere;line-height:1.3}.scroll-collection-image{aspect-ratio:1;flex-shrink:0;overflow:hidden}.scroll-collection-image img,.scroll-collection-cover img{object-fit:cover;width:100%;height:100%}.scroll-collection-placeholder{background:var(--scroll-main);width:100%;height:100%;color:var(--scroll-primary-font);font-size:var(--size-28);place-items:center;display:grid}.scroll-collection.mode-list{grid-template-columns:minmax(0,1fr)}.mode-list .scroll-collection-card{border:var(--size-1) solid var(--scroll-surface-card-stroke,color-mix(in srgb, currentColor 15%, var(--color-transparent)));border-radius:var(--size-16);background:var(--scroll-card-color);color:var(--scroll-card-font);align-items:stretch}.mode-list .scroll-collection-image{max-width:50%;height:100%}.mode-list .scroll-collection-card strong{padding:var(--size-12);align-self:center}.scroll-collection.mode-apps{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-apps .scroll-collection-card{justify-content:center;align-items:center;gap:var(--size-8);flex-direction:column}.mode-apps .scroll-collection-image{border-radius:24%;width:100%}.mode-apps .scroll-collection-card strong{font-size:var(--size-10);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scroll-collection.mode-covers{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-covers .scroll-collection-card{border-radius:var(--size-16);background:var(--scroll-card-color);position:relative}.scroll-collection-cover{pointer-events:none;width:100%;height:100%}.scroll-collection-cover .published-device.phone{border:0;border-radius:0;width:100%;height:100%}.mode-covers .scroll-collection-card>strong{padding:var(--size-12);font-size:var(--size-10);background:var(--scroll-main);color:var(--scroll-primary-font);position:absolute;inset:auto 0 0}.scroll-collection-empty{text-align:center;font-size:var(--size-14);grid-column:1/-1;align-self:center}p.scroll-collection-empty{opacity:.65}.scroll-collection .toibox-empty-action{justify-self:center;text-decoration:none}.scroll-collection-card:focus-visible{outline:var(--size-3) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--size-3))}.scroll-collection-editor{font-family:var(--font-family-primary-ui);color:var(--color-text-primary);gap:var(--size-24);display:grid}.scroll-collection-editor fieldset{border:0;min-width:0;margin:0;padding:0}.scroll-collection-editor legend{font-size:var(--size-14);font-weight:var(--font-weight-600);margin-bottom:var(--size-12)}.scroll-collection-editor p{margin:var(--size-8) 0;font-size:var(--size-12);color:var(--color-text-secondary);line-height:1.5}.scroll-collection-modes{gap:var(--size-8);display:flex}.scroll-collection-modes .tutorials-button{flex:1;min-width:0}.scroll-collection-modes .tutorials-button[aria-pressed=true]{background:var(--color-bg-selected-secondary);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.scroll-collection-editor label{align-items:center;gap:var(--size-12);padding:var(--size-12) 0;font-size:var(--size-13);cursor:pointer;display:flex}.scroll-collection-editor label span{overflow-wrap:anywhere;min-width:0}.scroll-collection-editor input[type=checkbox]{width:var(--size-16);height:var(--size-16);accent-color:var(--color-text-secondary)}.scroll-collection-placeholder{padding:var(--size-16);text-align:center;justify-content:center;align-items:center}.scroll-collection-placeholder h2{font-family:var(--scroll-font-family);font-size:var(--size-24);overflow-wrap:anywhere;margin:0;line-height:1.15}.scroll-collection-image,.scroll-collection-cover{position:relative}.scroll-collection-image-loading{position:absolute;inset:0}.scroll-collection img[data-thumbnail-ready=false]{opacity:0}.scroll-collection img[data-thumbnail-ready=true]{animation:.4s ease-out backwards scroll-collection-ready}.scroll-collection-cover .published-device{background:0 0}.scroll-collection-cover .scroll-preview-skeleton{background:var(--scroll-card-color,var(--color-bg-surface))}.scroll-collection .published-device-viewport>iframe{opacity:1}.scroll-collection .published-preview-loading{pointer-events:none;opacity:1;transition:opacity .4s ease-out,visibility 0s linear .4s}.scroll-collection [data-preview-ready]>.published-preview-loading{opacity:0;visibility:hidden}.mode-covers .scroll-collection-card>strong{opacity:0;transition:opacity .4s ease-out}:is(.mode-covers .scroll-collection-card:has([data-preview-ready],[data-thumbnail-ready=true],.scroll-collection-placeholder)>strong,.mode-covers .scroll-collection-card:has(.scroll-collection-cover>img:not([data-thumbnail-ready]))>strong,.mode-covers .scroll-collection-card:not(:has(.scroll-collection-cover))>strong){opacity:1}@keyframes scroll-collection-ready{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.scroll-collection img[data-thumbnail-ready]{animation:none}.scroll-collection .published-preview-loading,.mode-covers .scroll-collection-card>strong{transition:none}}
.marketplace-product-gallery{min-width:0;min-height:0;position:absolute;inset:0;container-type:size}.marketplace-product-gallery>.transfer-card-carousel{height:100%}.marketplace-product-gallery .transfer-card-carousel-item{width:calc(min(90cqh,90cqw)/1.4);height:min(90cqh,90cqw);top:50%;translate:-50% -50%}.marketplace-product-gallery .transfer-card-carousel-item img{object-fit:contain;transform:none}.public-scroll-moment[data-marketplace-field=gallery]{overflow:visible}.themed-scroll .public-scroll-copy.marketplace-detail-block{justify-content:safe center;gap:var(--size-8);padding:clamp(var(--size-12), 4cqi, var(--size-20));color:var(--scroll-font);border:0;flex-direction:column;display:flex}.themed-scroll .marketplace-detail-block h1{color:var(--scroll-font);font-size:clamp(var(--size-20), 4cqi, var(--size-32));font-weight:var(--font-weight-800);text-wrap:balance;overflow-wrap:anywhere;margin:0;line-height:1.12}.marketplace-detail-label{align-items:center;gap:var(--size-8);color:var(--scroll-font);font-size:var(--size-14);font-weight:var(--font-weight-600);line-height:1.3;display:flex}.marketplace-detail-label svg,.marketplace-detail-note svg{width:var(--size-18);height:var(--size-18);color:currentColor;flex:none}.themed-scroll .public-scroll-copy.marketplace-detail-block p{color:var(--scroll-font);font-size:var(--size-16);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.themed-scroll .public-scroll-copy.marketplace-detail-block :is(.marketplace-description-copy,.marketplace-shipping-copy){font-size:clamp(var(--size-14), 3cqi, var(--size-16));line-height:1.55}.themed-scroll .public-scroll-copy.marketplace-detail-block .marketplace-detail-value{font-size:clamp(var(--size-16), 4cqi, var(--size-20));font-weight:var(--font-weight-700);line-height:1.25}.marketplace-detail-note{align-items:center;gap:var(--size-8);color:var(--scroll-font);font-size:var(--size-14);display:flex}.themed-scroll .public-scroll-copy.marketplace-detail-block .marketplace-condition-badge{box-sizing:border-box;width:fit-content;min-width:0;max-width:100%;padding:var(--size-8) var(--size-12);border:var(--size-1) solid var(--scroll-secondary);border-radius:var(--scroll-card-radius);background:var(--scroll-secondary);color:var(--scroll-secondary-font);font-size:clamp(var(--size-14), 5cqi, var(--size-18));font-weight:var(--font-weight-700);white-space:normal;overflow-wrap:anywhere;align-self:flex-start;align-items:center;line-height:1.25;display:inline-flex}.themed-scroll .public-scroll-copy.marketplace-detail-price{text-align:center;align-items:center;gap:clamp(var(--size-2), 2cqh, var(--size-6));padding:clamp(var(--size-4), 4cqh, var(--size-16))}.marketplace-detail-price .marketplace-detail-label{font-size:clamp(var(--size-10), 10cqh, var(--size-14));flex-shrink:0;justify-content:center}.marketplace-price-coin{width:clamp(var(--size-20), 28cqh, var(--size-64));height:clamp(var(--size-20), 28cqh, var(--size-64));object-fit:contain;flex-shrink:0;display:block}.marketplace-detail-amount{max-width:100%;color:var(--scroll-font);font-size:clamp(var(--size-16), 20cqh, var(--size-40));font-weight:var(--font-weight-800);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-shrink:0;line-height:1}.themed-scroll .public-scroll-copy.marketplace-detail-image{background:0 0;border:0}.marketplace-artwork-placeholder{width:100%;height:100%;color:var(--scroll-font);font-size:var(--size-14);place-items:center;display:grid}.public-scroll-moment[data-marketplace-field=image]>.public-scroll-copy.marketplace-detail-block.marketplace-detail-image{height:100%;min-height:0;padding:0;position:absolute;inset:0}.marketplace-detail-image>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.public-scroll--audience .public-scroll-moment[data-marketplace-field=product]{z-index:1;overflow:visible}.public-scroll--audience .public-scroll-moment[data-marketplace-field=product]:focus-within{z-index:2}.public-scroll-moment>.capsule-item-block{width:100%;min-width:0;height:100%;padding:var(--size-16);border-radius:inherit;color:var(--scroll-font);font:inherit;text-align:center;background:0 0;border:0;margin:0;display:block;position:absolute;inset:0;overflow:visible}.capsule-item-block .capsule-item-image{object-fit:contain;width:100%;height:100%;display:block}.capsule-item-placeholder{height:100%;padding-bottom:var(--size-96);box-sizing:border-box;place-items:center;display:grid}button.capsule-item-block{cursor:pointer}button.capsule-item-block:focus-visible{outline:var(--size-3) solid var(--scroll-main);outline-offset:calc(-1 * var(--size-3))}.capsule-price-tag{--tag-paper:#fff4d6;--tag-ink:#29251d;right:var(--size-12);bottom:var(--size-12);width:var(--size-76);color:var(--tag-ink);transform-origin:50% 0;filter:drop-shadow(0 var(--size-3) var(--size-3) #0003);pointer-events:none;position:absolute;transform:rotate(-9deg)}.capsule-price-tag:before{content:"";z-index:1;left:calc(50% - var(--size-6));top:calc(-1 * var(--size-20));width:var(--size-12);height:var(--size-28);box-sizing:border-box;border:var(--size-2) solid #9a8462;border-radius:50%;position:absolute;transform:rotate(16deg)}.capsule-price-tag-paper{align-items:center;gap:var(--size-2);padding:var(--size-20) var(--size-6) var(--size-8);background:var(--tag-paper);clip-path:polygon(20% 0,80% 0,100% 18%,100% 100%,0 100%,0 18%);flex-direction:column;display:flex;position:relative}.capsule-price-tag-hole{top:var(--size-6);left:calc(50% - var(--size-3));width:var(--size-6);height:var(--size-6);background:var(--tag-ink);box-shadow:0 0 0 var(--size-2) #d3bd91;border-radius:50%;position:absolute}.capsule-price-tag strong{max-width:100%;font-size:var(--size-24);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.capsule-price-tag-currency{width:100%;padding-top:var(--size-4);border-top:var(--size-1) dashed #c8b891;font-size:var(--size-8);letter-spacing:.04em;font-weight:500}.capsule-item-block .capsule-price-tag{text-align:center;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-family:inherit;line-height:normal;display:block}.capsule-price-tag-anchor{left:50%;top:calc(-1 * var(--size-20));pointer-events:none;width:0;height:0;position:absolute}.capsule-price-tag.is-pinned{transform-origin:50% calc(-1 * var(--size-20));transform:translate(-50%, var(--size-20)) rotate(-9deg);bottom:auto;right:auto}.capsule-price-tag.is-editable{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2}.capsule-price-tag.is-dragging{cursor:grabbing}.capsule-price-tag.is-editable:focus-visible{outline:var(--size-2) solid var(--scroll-main);outline-offset:var(--size-4)}.capsule-price-tag.is-sold .capsule-price-tag-paper>:is(strong,.capsule-price-tag-currency){opacity:.4}.capsule-price-tag .capsule-price-tag-sold{z-index:2;box-sizing:border-box;width:94%;padding:var(--size-2) 0;border:var(--size-2) solid currentColor;border-radius:var(--size-2);color:#b51f26;font-size:var(--size-18);letter-spacing:.06em;text-align:center;box-shadow:inset 0 0 0 var(--size-1) #b51f2626;pointer-events:none;background:0 0;font-weight:900;line-height:1;position:absolute;top:59%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.marketplace-scroll-products{--scroll-font:var(--scroll-card-font);gap:var(--size-16);box-sizing:border-box;height:100%;padding:var(--size-16);color:var(--scroll-font);border:var(--size-1) solid var(--scroll-surface-card-stroke,var(--scroll-secondary));border-block-end:var(--size-4) solid var(--scroll-surface-card-stroke,var(--scroll-secondary));border-radius:inherit;background:var(--scroll-card-color);align-items:stretch;display:flex;overflow-x:auto}.marketplace-scroll-products>article{flex:0 0 var(--size-220);gap:var(--size-8);flex-direction:column;min-width:0;display:flex}.marketplace-scroll-products>article>img{width:100%;height:var(--size-128);object-fit:contain}.marketplace-scroll-products h3{font-size:var(--size-16);color:var(--scroll-main);margin:0}.marketplace-scroll-products button{border:var(--size-1) solid var(--scroll-main);border-radius:var(--scroll-button-radius);background:var(--scroll-button-background);color:var(--scroll-button-text);padding:var(--scroll-button-padding-block) var(--scroll-button-padding-inline);min-height:var(--scroll-button-height);cursor:pointer;font:inherit;margin-top:auto}.marketplace-scroll-products button:hover:not(:disabled){filter:brightness(.94)}.themed-scroll :is(.marketplace-detail-block,.capsule-item-block,.marketplace-scroll-products),.themed-scroll :is(.marketplace-detail-block,.capsule-item-block,.marketplace-scroll-products) *{font-family:var(--scroll-font-family)}.marketplace-scroll-detail{padding:0}.marketplace-scroll-detail .public-scroll-shell{min-height:0}@media (min-width:761px){.hustle-module .marketplace-scroll-detail{background:var(--screen-background)}}.brief-action-icon.icon-purchase{--brief-action-icon:url(/style-guide/icons/cart.svg)}.brief-detail-actions .marketplace-purchase-button:disabled{cursor:not-allowed}.hustle-module .marketplace-scroll-detail .brief-detail-actions .marketplace-purchase-button{border-color:var(--scroll-main);background:var(--scroll-button-background);color:var(--scroll-button-text);border-radius:var(--scroll-button-radius)}.hustle-module .marketplace-scroll-detail .brief-detail-actions .marketplace-purchase-button:hover:not(:disabled){filter:brightness(.94)}.hustle-module .marketplace-scroll-detail .marketplace-purchase-button:focus-visible{outline-color:var(--scroll-main)}.capsules .marketplace-capsule-card{position:relative}.capsules .marketplace-capsule-card>.capsule-card-open:after{content:"";border-radius:var(--radius-md);cursor:pointer;position:absolute;inset:0}.capsules .marketplace-capsule-card>.capsule-card-open:focus-visible:after{outline:var(--size-3) solid var(--color-focus-ring);outline-offset:var(--size-2)}.themed-scroll.public-scroll--audience--mobile .public-scroll-copy.marketplace-detail-block:not(.marketplace-detail-price,.marketplace-detail-image){padding:var(--size-16)}.themed-scroll.public-scroll--audience--mobile .public-scroll-copy.marketplace-detail-block .marketplace-detail-value{font-size:var(--size-20)}@media (max-width:760px){.themed-scroll.public-scroll--audience:not(.public-scroll--audience--desktop) .public-scroll-copy.marketplace-detail-block:not(.marketplace-detail-price,.marketplace-detail-image){padding:var(--size-16)}.themed-scroll.public-scroll--audience:not(.public-scroll--audience--desktop) .public-scroll-copy.marketplace-detail-block .marketplace-detail-value{font-size:var(--size-20)}}.themed-scroll .public-scroll-copy.marketplace-detail-text{justify-content:flex-start;height:100%;min-height:0;position:absolute;inset:0;overflow:hidden}.themed-scroll .marketplace-detail-text>.marketplace-detail-label{font-size:var(--size-14);flex:none;margin:0;line-height:1.3}.marketplace-detail-scroll{color:var(--scroll-font);flex:1}html.studio-scrollbars .marketplace-detail-scroll .text-block-scrollbar{opacity:1}html.studio-scrollbars .marketplace-detail-scroll .text-block-scrollbar .text-block-scrollbar-thumb{width:var(--text-block-scrollbar-thumb-width);background:currentColor}.capsule-item-artwork{padding:var(--size-16);box-sizing:border-box;display:block;position:absolute;inset:0;overflow:visible}.marketplace-detail-scroll .marketplace-detail-note{margin-top:var(--size-8)}
.public-scroll-copy.brief-detail-block{--brief-primary:var(--scroll-main);--brief-secondary:var(--scroll-secondary,var(--scroll-main));--brief-accent:var(--brief-primary);justify-content:safe center;gap:var(--size-8);padding:var(--size-12);border:var(--size-1) solid color-mix(in srgb, var(--brief-secondary) 24%, transparent);border-radius:inherit;background:color-mix(in srgb, var(--brief-secondary) 5%, var(--scroll-background));color:var(--scroll-font);flex-direction:column;display:flex}.brief-detail-block h1{color:var(--scroll-font);font-size:clamp(var(--size-24), 4cqi, var(--size-40));font-weight:var(--font-weight-800);text-wrap:balance;overflow-wrap:anywhere;margin:0;line-height:1.12}.brief-detail-label{align-items:center;gap:var(--size-6);color:var(--brief-accent);font-size:var(--size-12);font-weight:var(--font-weight-600);line-height:1.3;display:flex}.brief-detail-label svg,.brief-requirement-list svg{width:var(--size-16);height:var(--size-16);flex:none}.public-scroll-copy.brief-detail-block p{color:var(--scroll-font);font-size:var(--size-16);overflow-wrap:anywhere;margin:0;line-height:1.55}.public-scroll-copy.brief-detail-title{background:0 0;border-color:#0000}.brief-detail-title>.brief-detail-label{color:var(--brief-primary)}.public-scroll-copy:is(.brief-detail-due,.brief-detail-time,.brief-detail-level){--brief-accent:var(--brief-secondary)}.public-scroll-copy.brief-detail-banner{min-height:var(--size-160);border:0;padding:0;position:relative;overflow:hidden}.brief-banner-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.brief-banner-placeholder{justify-content:center;align-items:center;gap:var(--size-12);width:100%;height:100%;min-height:var(--size-160);color:color-mix(in srgb, var(--scroll-font) 55%, var(--scroll-background));font-size:var(--size-14);flex-direction:column;display:flex}.brief-banner-placeholder svg{width:var(--size-32);height:var(--size-32)}.public-scroll-copy.brief-detail-reward{text-align:center;justify-content:safe center;align-items:center;gap:clamp(var(--size-2), 2cqh, var(--size-6));padding:clamp(var(--size-4), 4cqh, var(--size-16));background:0 0;border-color:#0000}.brief-reward-coin{width:clamp(var(--size-20), 28cqh, var(--size-64));height:clamp(var(--size-20), 28cqh, var(--size-64));object-fit:contain;flex-shrink:0;display:block}.brief-reward-amount{max-width:100%;color:var(--scroll-font);font-size:clamp(var(--size-16), 20cqh, var(--size-40));font-weight:var(--font-weight-800);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-shrink:0;line-height:1}.brief-detail-reward .brief-detail-label{font-size:clamp(var(--size-10), 10cqh, var(--size-14));color:color-mix(in srgb, var(--scroll-font) 70%, var(--scroll-background));flex-shrink:0;justify-content:center}.brief-detail-reward .brief-reward-heading{color:var(--scroll-font);font-weight:var(--font-weight-700)}.public-scroll-copy.brief-detail-description{background:0 0;border-color:#0000}.public-scroll-copy.brief-detail-block .brief-description-copy{font-size:var(--size-16);line-height:1.55}.public-scroll-copy.brief-detail-block .brief-detail-value{font-size:var(--size-18);font-weight:var(--font-weight-700);line-height:1.25}.brief-detail-note{color:color-mix(in srgb, var(--scroll-font) 60%, var(--scroll-background));font-size:var(--size-12);line-height:1.3}.brief-requirement-list{gap:var(--size-10);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.brief-requirement-list li{align-items:center;gap:var(--size-8);padding:var(--size-10) var(--size-12);border:var(--size-1) solid color-mix(in srgb, var(--brief-secondary) 30%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brief-secondary) 8%, var(--scroll-background));font-size:var(--size-16);line-height:1.4;display:inline-flex}.brief-requirement-list svg{color:var(--brief-primary)}.public-scroll-copy.brief-detail-block .brief-level-badge{box-sizing:border-box;width:fit-content;max-width:100%;padding:var(--size-4) var(--size-8);border:var(--size-1) solid color-mix(in srgb, var(--brief-secondary) 35%, transparent);border-radius:var(--radius-full);background:color-mix(in srgb, var(--brief-secondary) 12%, var(--scroll-background));font-size:var(--size-14)}.public-scroll-copy.brief-detail-block:is(.brief-detail-deliverable,.brief-detail-due,.brief-detail-time,.brief-detail-level,.brief-detail-requirements){border-block-end:var(--size-3) solid var(--brief-primary)}.public-scroll--audience--mobile .public-scroll-grid:has(>[data-brief-field]:not([data-brief-field=reward],[data-brief-field=banner])){grid-auto-rows:minmax(var(--scroll-grid-row-size), max-content)}.public-scroll--audience--mobile .public-scroll-moment[data-brief-field]:not([data-brief-field=reward],[data-brief-field=banner]){height:auto;overflow:visible;container-type:inline-size}.brief-requirement-list li{min-width:0;max-width:100%}.brief-requirement-list li>span{overflow-wrap:anywhere;min-width:0}@media (max-width:760px){.public-scroll--audience:not(.public-scroll--audience--desktop) .public-scroll-grid:has(>[data-brief-field]:not([data-brief-field=reward],[data-brief-field=banner])){grid-auto-rows:minmax(var(--scroll-grid-row-size), max-content)}.public-scroll--audience:not(.public-scroll--audience--desktop) .public-scroll-moment[data-brief-field]:not([data-brief-field=reward],[data-brief-field=banner]){height:auto;overflow:visible;container-type:inline-size}}
.public-scroll-grid:has(>.scroll-sticker-layer){position:relative}.scroll-sticker-layer{z-index:8;pointer-events:none;position:absolute;inset:0}.scroll-sticker-layer .scroll-sticker{box-shadow:none;aspect-ratio:1;pointer-events:none;background:0 0;border:0;border-radius:0;height:auto;min-height:0;margin:0;padding:0;display:block;position:absolute}.scroll-sticker-layer .scroll-sticker img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.scroll-sticker-layer .scroll-sticker.is-content{aspect-ratio:auto;color:var(--scroll-font,inherit)}.scroll-sticker-layer .scroll-sticker.is-text{--text-block-font-size:var(--size-14);min-height:min-content}.scroll-sticker.is-text .scroll-sticker-body,.scroll-sticker.is-text .scroll-sticker-content,.scroll-sticker.is-text .scroll-sticker-content>.playblock-render.kind-text{min-height:min-content}.scroll-sticker-layer .scroll-sticker.is-content:not(.is-editable){pointer-events:auto}.scroll-sticker-content,.scroll-sticker-content>.playblock-render{width:100%;min-width:0;display:block}.scroll-sticker-content>.playblock-render.kind-button{display:grid}.scroll-sticker.is-button .playblock-button-wrap{grid-template-columns:minmax(0,1fr);justify-content:stretch;min-width:0;display:grid}.scroll-sticker.is-button .playblock-button-wrap .experience-action{box-sizing:border-box;text-align:center;width:100%;min-width:0}.scroll-sticker.is-editable .scroll-sticker-content{pointer-events:none}.scroll-sticker-layer .scroll-sticker.is-editable{pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.scroll-sticker-layer .scroll-sticker.is-dragging{cursor:grabbing;z-index:2}.scroll-sticker-layer .scroll-sticker.is-editable:focus-visible{outline:2px solid var(--color-action-primary,#feb710);outline-offset:3px}.sticker-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sticker-picker-grid button{overflow-wrap:anywhere;justify-items:center;gap:4px;font-size:11px;display:grid}.sticker-picker-grid img{object-fit:contain;width:64px;height:64px}.sticker-experience-entry{max-width:400px;margin:16px 24px}.sticker-experience-picker{padding:24px;overflow:auto}.sticker-experience-picker>header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sticker-experience-picker>header h2{margin-bottom:4px}.sticker-experience-picker>header p{margin:0}.sticker-experience-picker .sticker-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.sticker-experience-picker label{gap:6px;margin:12px 0;display:grid}.sticker-experience-picker input{border:1px solid #dcd9e3;border-radius:6px;width:100%;min-width:0;padding:8px}.sticker-experience-picker>header>button,.sticker-experience-picker>footer>button,.sticker-picker-grid button,.sticker-type-options>button{color:#292532;cursor:pointer;background:#f8f6fb;border:1px solid #dcd9e3;border-radius:8px;padding:10px}.sticker-experience-picker p{color:#625e6a;font-size:13px;line-height:1.5}.sticker-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sticker-type-options>button{text-align:left;align-content:start;justify-items:start;gap:8px;min-height:140px;display:grid}.sticker-type-options>button svg{width:28px;height:28px}.sticker-type-options>button strong{font-size:15px}.sticker-type-options>button span{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.sticker-type-options>button:disabled{cursor:not-allowed;opacity:.55}.sticker-experience-picker p{color:var(--color-text-secondary)}.sticker-experience-picker input,.sticker-experience-picker>header>button,.sticker-picker-grid button,.sticker-type-options>button{border-color:var(--color-border-default);color:var(--color-text-primary);background:var(--color-bg-surface)}.sticker-experience-picker h2{margin:0 0 16px;font-size:20px}.sticker-size-control{grid-template-columns:auto minmax(var(--size-100), 1fr) auto;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--experience-editor-font-size);display:grid}.sticker-size-control input[type=range]{width:100%;min-width:0;accent-color:var(--color-text-secondary);margin:0;padding:0}.sticker-size-control output{min-width:3.5ch;color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:end}@media (max-width:620px){.sticker-type-options{grid-template-columns:1fr}.sticker-type-options>button{min-height:0}}.scroll-sticker-layer .scroll-sticker.is-selected{z-index:3}.scroll-sticker-layer .scroll-sticker-body{width:100%;height:100%;color:inherit;box-shadow:none;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.scroll-sticker-layer .is-dragging .scroll-sticker-body{cursor:grabbing}.scroll-sticker-outline{border:1.5px solid var(--color-action-primary,#feb710);pointer-events:none;position:absolute;inset:0}.scroll-sticker-layer .scroll-sticker-handle{z-index:4;width:28px;height:28px;color:var(--color-action-primary,#feb710);box-shadow:none;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:absolute}.scroll-sticker-layer .scroll-sticker-handle:after{content:"";border:1.5px solid var(--color-action-primary,#feb710);background:var(--color-bg-elevated,#fff);border-radius:2px;width:10px;height:10px;box-shadow:0 1px 3px #0003}.scroll-sticker-handle.resize-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.scroll-sticker-handle.resize-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.scroll-sticker-handle.resize-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.scroll-sticker-handle.resize-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.scroll-sticker-rotation-stem{background:var(--color-action-primary,#feb710);pointer-events:none;width:1.5px;height:30px;position:absolute;top:-30px;left:50%}.scroll-sticker-layer .rotation-handle{border:1.5px solid var(--color-action-primary,#feb710);background:var(--color-bg-elevated,#fff);cursor:grab;border-radius:50%;top:-30px;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.scroll-sticker-layer .rotation-handle:after{display:none}.scroll-sticker-layer :is(.rotation-handle,.scroll-sticker-body):focus-visible{outline:2px solid var(--color-action-primary,#feb710);outline-offset:3px}.scroll-sticker-layer .scroll-sticker.is-content .scroll-sticker-body:focus-visible,.scroll-sticker-layer .scroll-sticker-handle:not(.rotation-handle):focus-visible{outline:none}.scroll-sticker-layer .scroll-sticker-handle:not(.rotation-handle):focus-visible:after{outline:2px solid var(--color-action-primary,#feb710);outline-offset:3px}.scroll-sticker-transform-value{color:#fff;white-space:nowrap;pointer-events:none;background:#252637;border-radius:5px;padding:4px 8px;font:11px/1.4 system-ui,sans-serif;position:absolute;top:calc(100% + 22px);left:50%}.scroll-sticker-transform-value.is-rotation{top:-30px;left:calc(50% + 22px)}@media (pointer:coarse){.scroll-sticker-layer .scroll-sticker-handle{width:36px;height:36px}.scroll-sticker-layer .scroll-sticker-handle:after{width:13px;height:13px}.scroll-sticker-layer .rotation-handle{top:-36px}.scroll-sticker-rotation-stem{height:36px;top:-36px}.scroll-sticker-transform-value.is-rotation{top:-36px;left:calc(50% + 27px)}}.sticker-experience-picker>.sticker-picker-intro{margin:0 0 24px}.sticker-experience-picker>.sticker-picker-intro h2{margin:0 0 8px}.sticker-experience-picker>.sticker-picker-intro p{margin:0}.sticker-experience-picker .sticker-type-options>button{grid-template-rows:28px auto 1fr;gap:12px;padding:20px}.scroll-sticker-tint{aspect-ratio:1;pointer-events:none;width:100%;height:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker-picker-grid button img[src^="/stickers/hand-drawn-arrows/"]{box-sizing:border-box;background:#fff;border-radius:8px;padding:8px}.sticker-graphic-picker{flex-direction:column;gap:24px;display:flex}.sticker-graphic-picker>.sticker-picker-intro{margin:0}.sticker-search{position:relative}.sticker-search>svg{color:var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sticker-experience-picker .sticker-search input{padding:12px 12px 12px 40px}.sticker-pack-section>h3{margin:0 0 16px}.sticker-graphic-picker>p{margin:0}.sticker-graphic-controls{gap:24px;display:grid}.sticker-flip-controls{gap:8px;display:flex}.sticker-flip-controls>button{border:1px solid var(--color-border-default);width:40px;height:40px;color:var(--color-text-secondary);background:var(--color-bg-control);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.sticker-flip-controls>button[aria-pressed=true]{color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.sticker-flip-controls>button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.scroll-sticker-handle.resize-n{cursor:ns-resize;top:0;left:50%;transform:translate(-50%,-50%)}.scroll-sticker-handle.resize-s{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.scroll-sticker-handle.resize-w{cursor:ew-resize;top:50%;left:0;transform:translate(-50%,-50%)}.scroll-sticker-handle.resize-e{cursor:ew-resize;top:50%;right:0;transform:translate(50%,-50%)}.scroll-sticker.is-text .scroll-sticker-content,.scroll-sticker.is-text .scroll-sticker-content>.playblock-render{min-width:0;height:100%}.scroll-sticker.is-text .text-block-prose{overflow-wrap:anywhere}.scroll-sticker-layer .scroll-sticker.is-text,.scroll-sticker.is-text .scroll-sticker-body,.scroll-sticker.is-text .scroll-sticker-content,.scroll-sticker.is-text .scroll-sticker-content>.playblock-render.kind-text{min-height:min-content}.scroll-sticker.is-text .scroll-sticker-content>.playblock-render.kind-text{box-sizing:border-box;justify-content:center;align-items:center;padding:2px;display:flex}.scroll-sticker.is-text .playblock-render.kind-text>.playblock-text{flex:none;width:100%;height:auto;min-height:0;padding:0;overflow:visible}.scroll-sticker.is-text .text-block-prose{text-align:center}
