soulog-home-record{display:block;--srd-s: .56;--srd-fs-item: 20px;--srd-rail: color-mix(in srgb, var(--sbt-fg) 20%, transparent)}@media(min-width:768px)and (max-width:1023px),(min-width:768px)and (max-width:1366px)and (orientation:portrait){soulog-home-record{--srd-fs-item: 28px}}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){soulog-home-record{--srd-s: .8;--srd-fs-item: 32px}}.srd__head{margin-bottom:40px}.srd__body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"sense" "stage" "recap" "mirror" "copy";row-gap:40px}.srd__menu{display:contents}.srd__item[data-index="0"]{grid-area:sense}.srd__item[data-index="1"]{grid-area:recap}.srd__copy{grid-area:copy}.srd__stage{grid-area:stage;display:flex;justify-content:center}.srd__stage--mirror{grid-area:mirror}.srd__appbar,.srd__rec,.srd__toolbar{transition:opacity .4s ease,visibility 0s linear 0s}.srd__stage--mirror :is(.srd__appbar,.srd__rec,.srd__toolbar){opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){.srd__head{margin-bottom:clamp(32px,calc(100vw * 77 / 1920),77px)}.srd__body{--srd-card-pad: clamp(28px, 2.5vw, 48px);grid-template-columns:repeat(2,minmax(0,560px));grid-template-areas:"sense recap" "stage mirror" "copy copy";justify-content:center;row-gap:24px;column-gap:24px}.srd__body:before,.srd__body:after{content:"";z-index:0;grid-row:1 / 3;border-radius:28px;background:color-mix(in srgb,var(--sbt-fg) 4%,transparent)}.srd__body:before{grid-column:1}.srd__body:after{grid-column:2}.srd__item,.srd__stage{z-index:1}.srd__stage{padding-bottom:var(--srd-card-pad)}.srd__copy{margin-top:16px}.srd__item{align-self:start;text-align:center}.srd__tab{align-items:center;text-align:center}.srd__chips{justify-content:center}.srd__copy{justify-self:center;text-align:center}soulog-home-record[data-desktop] :is(.srd__item,.srd__copy){transition:opacity .5s ease-in-out,transform .5s ease-in-out}soulog-home-record[data-desktop] :is(.srd__item,.srd__copy):not(.is-seen){opacity:0;transform:translateY(25px)}}.srd__item{position:relative;padding-left:20px;border-left:4px solid var(--srd-rail)}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){.srd__item{padding:var(--srd-card-pad) var(--srd-card-pad) 0;border-left:0}.srd__item:before{display:none}}.srd__item:before{content:"";position:absolute;top:0;bottom:0;left:-4px;width:4px;background:var(--sbt-fg)}.srd__tab{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.srd__tab:focus-visible,.srd__chip:focus-visible,.srd__tool:focus-visible{outline:2px solid currentColor;outline-offset:4px}.srd__item-title{font-size:var(--srd-fs-item);line-height:1.25;color:var(--sbt-fg)}.srd__item-text{font-size:var(--home-fs-sub);line-height:1.25;color:var(--sbt-muted)}.srd__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.srd__chip{display:inline-flex;align-items:center;gap:4px;height:32px;margin:0;padding:0 12px;border:0;border-radius:999px;background:var(--color-background, #ffffff);color:rgba(var(--color-body-rgb),.9);font:inherit;font-size:14px;line-height:20px;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.srd__chip:hover{box-shadow:0 2px 10px #00000014}.srd__chip:active{transform:scale(.95)}.srd__chip[data-add=highlight]{--srd-glow: 255, 56, 60}.srd__chip[data-add=image]{--srd-glow: 0, 136, 255}.srd__chip[data-add=file]{--srd-glow: 255, 141, 40}.srd__chip[data-add=note]{--srd-glow: 52, 199, 89}.srd__chip{position:relative}.srd__chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(var(--srd-glow),.6),0 0 18px 5px rgba(var(--srd-glow),.45);opacity:0;pointer-events:none}soulog-home-record[data-inview] .srd__chip[data-lit]:not([data-used]):after{animation:srd-chip-glow 1.8s ease-in-out both}@keyframes srd-chip-glow{0%,55%,to{opacity:0;transform:scale(1)}20%{opacity:1;transform:scale(1)}45%{opacity:0;transform:scale(1.12,1.35)}}.srd__chips{position:relative}.srd__chip-icon{display:block;flex:none;width:16px;height:16px}.srd__hint{display:none}.srd__hint-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--color-background, #ffffff);color:rgba(var(--color-body-rgb),.9);font-size:14px;line-height:20px}.srd__hint-icon{display:block;flex:none;width:16px;height:16px}.srd__hint-wheel{animation:srd-hint-wheel 1.6s ease-in-out infinite}@keyframes srd-hint-wheel{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(3px)}61%,80%{opacity:0;transform:translateY(0)}to{opacity:1}}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){soulog-home-record[data-desktop] .srd__hint{display:flex;justify-content:center;margin-top:16px}}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){.srd__tab{gap:16px}}.srd__copy{max-width:538px}.srd__copy-title{margin:0;font-size:var(--srd-fs-item);line-height:1.25;color:var(--sbt-fg)}.srd__copy-accent{display:block;color:#08f}.srd__copy-text{margin-top:16px;font-size:var(--home-fs-sub);line-height:1.33;color:var(--sbt-muted)}.srd__copy-text p{margin:0;line-height:inherit}@media(min-width:768px){.srd__copy-text{font-size:20px}}@media(min-width:1024px)and (orientation:landscape),(min-width:1367px){.srd__item-text{font-size:min(20px,1.6vw);white-space:nowrap}.srd__copy{max-width:none}.srd__copy-title{font-size:min(1.85vw,28px);white-space:nowrap}.srd__copy-accent{display:inline;margin-left:.25em}}.srd__phone{position:relative;flex:none;width:calc(450px * var(--srd-s));height:calc(920px * var(--srd-s))}.srd__device{position:absolute;top:0;left:0;width:450px;height:920px;transform:scale(var(--srd-s));transform-origin:0 0}.srd__bezel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:450px;height:920px;max-width:none;pointer-events:none}.srd__screen{position:absolute;top:23px;left:24px;z-index:1;width:402px;height:874px;overflow:hidden;border-radius:56px;background:#e8eaeb;color:#000000e6;font-size:15px;line-height:20px;text-align:left}.srd__screen p{margin:0}.srd__status{position:absolute;inset:0 0 auto;height:62px}.srd__clock{position:absolute;top:21px;left:52px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:590;line-height:22px}.srd__levels{position:absolute;top:26px;right:32px;width:85px;height:13px}.srd__appbar{position:absolute;top:62px;right:20px;left:20px;z-index:3;display:flex;align-items:center;justify-content:space-between;height:56px}.srd__round{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fffc;box-shadow:0 1px 4px #0000000f,inset 0 0 0 .5px #ffffffe6;color:#000}.srd__round svg{display:block;width:24px;height:24px}.srd__round--ai{background:#000;color:#fff}.srd__panels{position:absolute;top:118px;right:0;bottom:140px;left:0}.srd__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.srd__panel.is-on{opacity:1;visibility:visible;transition:opacity .4s ease}.srd__scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:104px 20px 142px;scrollbar-width:none}.srd__scroll::-webkit-scrollbar{display:none}.srd__scroll:focus-visible{outline:2px solid #0088ff;outline-offset:-2px}.srd__title{position:absolute;inset:-1px 0 auto;padding:21px 20px 28px;background:linear-gradient(180deg,#e8eaeb 72%,#e8eaeb00);pointer-events:none}.srd__date{font-size:22px;font-weight:520;line-height:28px}.srd__screen .srd__sub{margin-top:8px;font-weight:330;color:#0000004d}.srd__list{display:flex;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none}.srd__row{display:grid;grid-template-columns:104px 13px minmax(0,1fr);min-height:48px;margin:0}.srd__when{display:flex;align-items:center;gap:12px;height:20px}.srd__kind{display:block;flex:none;width:20px;height:20px}.srd__time{font-variant-numeric:tabular-nums;white-space:nowrap}.srd__dot{position:relative}.srd__dot:before{content:"";position:absolute;top:0;bottom:-20px;left:2px;width:1px;background:#0000002e}.srd__dot:after{content:"";position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:50%;background:var(--srd-kind)}.srd__row--highlight{--srd-kind: #ff2d55}.srd__row--image{--srd-kind: #0088ff}.srd__row--note{--srd-kind: #34c759}.srd__row--file{--srd-kind: #ff8d28}.srd__what{min-width:0}.srd__thumb{display:block;width:85px;height:48px;border-radius:4px;object-fit:cover;background:#d7dadc}.srd__note{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.srd__file{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 12px 6px 8px;border-radius:8px;background:#fff}.srd__file-icon{display:block;flex:none;width:24px;height:24px}.srd__file-text{display:flex;flex-direction:column;min-width:0}.srd__file-name{overflow:hidden;font-size:13px;font-weight:500;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.srd__file-meta{font-size:11px;line-height:14px;color:#00000073}.srd__row.is-new{animation:srd-row-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes srd-row-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.srd__rec{position:absolute;top:592px;right:0;left:0;z-index:2;height:142px;padding-top:40px;background:linear-gradient(180deg,#e8eaeb00,#e8eaeb 32%);pointer-events:none}.srd__ruler{position:relative;height:30px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.srd__strip{position:absolute;top:0;left:-99px;width:1600px;height:30px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.6) 0 1px,transparent 1px 100px) 0 0 / 100% 8px no-repeat,repeating-linear-gradient(90deg,rgba(0,0,0,.6) 0 1px,transparent 1px 20px) 0 0 / 100% 4px no-repeat;transform:translate(calc(var(--srd-shift, 0) * -20px));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.srd__label{position:absolute;top:10px;left:calc(var(--k) * 100px);font-size:12px;font-weight:330;line-height:16px;color:#0009;white-space:nowrap}.srd__mark{position:absolute;top:0;left:calc(var(--t) * 20px - 2px);width:5px;height:5px;border-radius:50%}.srd__mark--highlight{background:#ff383c}.srd__mark--image{background:#08f}.srd__mark--note{background:#34c759}.srd__mark--file{background:#ff8d28}.srd__mark.is-new{animation:srd-mark-in .4s ease both}@keyframes srd-mark-in{0%{opacity:0;transform:scale(0)}}.srd__pause{position:absolute;top:94px;left:177px;display:block;width:48px;height:48px}.srd__toolbar{position:absolute;top:734px;left:20px;z-index:3;width:362px;height:108px}.srd__tools{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:302px;height:48px;padding:0 24px;border-radius:24px;background:#ffffffd9;box-shadow:0 1px 4px #0000000f,inset 0 0 0 .5px #ffffffe6}.srd__tool{position:relative;display:block;width:24px;height:24px;margin:0;padding:0;border:0;background:none;color:#000000e6;cursor:pointer;transition:transform .15s ease}.srd__tool:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.srd__tool:active{transform:scale(.85)}.srd__tool svg{display:block;width:24px;height:24px}.srd__side{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:12px}.srd__home{position:absolute;top:861px;left:129px;z-index:3;width:144px;height:5px;border-radius:3px;background:#000}.srd__panel[data-index="1"]{top:-56px;bottom:-140px}.srd__recap-bar{position:absolute;top:0;right:20px;left:20px;display:flex;align-items:center;justify-content:space-between;height:56px}.srd__recap-actions{display:flex;gap:16px}.srd__recap-frame{position:absolute;top:64px;left:0;display:block;width:100%;height:calc(100% - 64px);border:0;background:transparent;color-scheme:light}@media(prefers-reduced-motion:reduce){.srd__appbar,.srd__rec,.srd__toolbar,.srd__panel,.srd__panel.is-on,.srd__strip{transition:none}.srd__row.is-new,.srd__mark.is-new,.srd__hint-wheel,soulog-home-record[data-inview] .srd__chip[data-lit]:not([data-used]):after{animation:none}soulog-home-record[data-desktop] :is(.srd__item,.srd__copy){transition:none}soulog-home-record[data-desktop] :is(.srd__item,.srd__copy):not(.is-seen){opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/soulog-home-record.css.map */