#granit-tryon-card[hidden]{display:none!important}.granit-tryon-card{font-family:Roboto,Arial,sans-serif;display:grid;grid-template-columns:44% 56%;max-width:none;margin:28px 0 34px;background:#fff;border:1px solid #e8e5df;border-radius:16px;overflow:hidden;text-align:left;color:#262626;box-sizing:border-box}.granit-tryon-card *,.granit-tryon-dialog *{box-sizing:border-box}.granit-tryon-card__visual{position:relative;min-height:250px;background:#f2f0eb;overflow:hidden}.granit-tryon-card__visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 44%;margin:0}.granit-tryon-card__content{padding:24px 32px;align-self:center}.granit-tryon-card h2{display:block;font:600 28px/1.15 Roboto,Arial,sans-serif;letter-spacing:-.5px;margin:0 0 12px;padding:0;text-transform:none}.granit-tryon-card__content>p{font-size:16px;line-height:1.5;max-width:440px;margin:0 0 17px}.granit-tryon-card .granit-tryon-card__upload{appearance:none;border:0;border-radius:7px;background:#cc173a;color:#fff;font:500 16px/1.35 Roboto,Arial,sans-serif;min-height:46px;padding:13px 22px;cursor:pointer;margin:0;box-shadow:none;text-transform:none;white-space:normal}.granit-tryon-card__upload:hover{background:#ac1331}.granit-tryon-card__content>.granit-tryon-card__error{color:#a41630;font-size:13px;margin:12px 0 0}.granit-tryon-card.is-dragging{outline:#cc173a dashed 3px;outline-offset:4px}.granit-tryon-card button:focus-visible,.granit-tryon-dialog button:not(.granit-tryon-dialog__close):focus-visible{outline:#cc173a solid 3px;outline-offset:4px}.granit-tryon-dialog:focus{outline:0}.granit-tryon-dialog .granit-tryon-dialog__close:focus-visible{outline:#777 solid 1px;outline-offset:1px}.granit-tryon-dialog{padding:0;width:min(1380px,calc(100vw - 48px));height:min(940px,calc(100dvh - 48px));max-width:none;max-height:none;border:0;border-radius:14px;background:#f6f5f3;color:#25272b;overflow:hidden;box-shadow:0 20px 100px #0005;font-family:Roboto,Arial,sans-serif}.granit-tryon-dialog[open]{display:flex;flex-direction:column}.granit-tryon-dialog::backdrop{background:#17191bbb;backdrop-filter:blur(3px)}.granit-tryon-dialog__header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid #e5e2dd;background:#fff;flex-shrink:0}.granit-tryon-dialog__header h2{font:600 19px/1.3 Roboto,Arial,sans-serif;margin:0;padding:0;text-transform:none}.granit-tryon-dialog .granit-tryon-dialog__close{flex:none;border:0;background:0 0;border-radius:0;box-shadow:none;width:40px;height:40px;padding:0;cursor:pointer;color:#333;font:28px/1 Arial;display:grid;place-items:center}.granit-tryon-dialog__body{position:relative;min-height:0;flex:1}.granit-tryon-dialog iframe{width:100%;height:100%;display:block;border:0;background:#f6f5f3}.granit-tryon-dialog iframe[hidden]{display:none}.granit-tryon-dialog__loading{position:absolute;inset:0;background:#f6f5f3;margin:0;display:grid;place-items:center;color:#666;font:14px Arial;pointer-events:none}.granit-tryon-dialog__loading[hidden]{display:none}html.granit-tryon-open{overflow:hidden!important}@media(max-width:760px){.granit-tryon-card{grid-template-columns:1fr;margin:26px 0 34px;border-radius:12px}.granit-tryon-card__visual{order:2;min-height:190px;max-height:190px}.granit-tryon-card__visual img{object-position:center 45%}.granit-tryon-card__content{display:contents}.granit-tryon-card h2{order:1;font-size:25px;margin:0;padding:20px 22px}.granit-tryon-card__content>p{order:3;max-width:none;padding:20px 22px 0;margin:0 0 16px}.granit-tryon-card .granit-tryon-card__upload{order:4;width:calc(100% - 44px);margin:0 22px 22px}.granit-tryon-card__content>.granit-tryon-card__error{order:5;padding:0;margin:-10px 22px 20px}.granit-tryon-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border-radius:0}.granit-tryon-dialog__header{padding:8px 12px;gap:10px}.granit-tryon-dialog__header h2{font-size:15px}.granit-tryon-dialog .granit-tryon-dialog__close{width:36px;height:36px}}