colecao-sonora{--cs-cream: #faf7f4;--cs-beige: #f0ebe3;--cs-ink: #1a1614;--cs-muted: #5c5854;--cs-bronze: #8b6f47;--cs-copper: #c67a47;display:block;position:relative;isolation:isolate;min-width:0;color:var(--cs-ink);background:var(--cs-cream);font:400 14px/1.5 system-ui,sans-serif;text-align:left;scroll-margin-top:112px}colecao-sonora *,colecao-sonora *:before,colecao-sonora *:after{box-sizing:border-box}colecao-sonora [hidden]{display:none!important}colecao-sonora button,colecao-sonora a,colecao-sonora input,colecao-sonora textarea{font:inherit;color:inherit}colecao-sonora button{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid transparent;background:transparent;padding:10px;min-height:44px;touch-action:manipulation}colecao-sonora button:disabled{cursor:default;opacity:.5}colecao-sonora :is(button,a,input,textarea,summary):focus-visible{outline:2px solid currentColor;outline-offset:2px}colecao-sonora h2,colecao-sonora h3,colecao-sonora p{margin:0;text-transform:none}colecao-sonora a{text-decoration:none}colecao-sonora svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}colecao-sonora .cs-shell{max-width:1312px;margin:0 auto;padding:24px 40px 30px;position:relative;overflow:hidden}colecao-sonora .cs-shell.animated{animation:cs-enter .6s cubic-bezier(0,0,.09,1) both}colecao-sonora .cs-eyebrow{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgb(139 111 71 / .26);padding-top:18px;color:var(--cs-muted);font-size:12px;letter-spacing:.12em}colecao-sonora .cs-edition{display:inline-flex;align-items:center;gap:6px;letter-spacing:.02em}colecao-sonora .cs-edition svg{width:15px;height:15px}colecao-sonora .cs-brand{display:flex;align-items:center;gap:12px}colecao-sonora .cs-brandmark{position:relative;display:block;width:84px;height:24px;overflow:hidden}colecao-sonora .cs-brandmark img{position:absolute;display:block;width:84px;height:84px;max-width:none;top:50%;transform:translateY(-50%)}colecao-sonora .cs-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;min-height:500px;position:relative}colecao-sonora .cs-intro{align-self:start;padding-top:24px;z-index:1}colecao-sonora .cs-title{font-family:var(--heading-font-family, Urbanist, sans-serif);font-size:clamp(36px,3.5vw,51px);font-weight:400;line-height:1.06;letter-spacing:-.035em}colecao-sonora .cs-title span{display:block;color:var(--cs-bronze)}colecao-sonora .cs-subtitle{max-width:350px;margin-top:15px;color:var(--cs-muted);font-size:14px}colecao-sonora .cs-object{height:290px;position:relative;margin-top:12px}colecao-sonora .cs-scene{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:22px;mix-blend-mode:multiply}colecao-sonora .cs-scene{-webkit-mask-image:linear-gradient(to right,transparent,#ffffff 9%,#ffffff 91%,transparent),linear-gradient(to bottom,transparent,#ffffff 12%,#ffffff 82%,transparent);mask-image:linear-gradient(to right,transparent,#ffffff 9%,#ffffff 91%,transparent),linear-gradient(to bottom,transparent,#ffffff 12%,#ffffff 82%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}colecao-sonora .cs-scene.is-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(to right,#ffffff,transparent 16%,transparent 84%,#ffffff),linear-gradient(to bottom,#ffffff,transparent 18%,transparent 78%,#ffffff);mask-image:linear-gradient(to right,#ffffff,transparent 16%,transparent 84%,#ffffff),linear-gradient(to bottom,#ffffff,transparent 18%,transparent 78%,#ffffff)}colecao-sonora .cs-scene img,colecao-sonora .cs-scene video{display:block;width:100%;height:100%;object-fit:contain}colecao-sonora .cs-scene video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}colecao-sonora .cs-scene.is-ready video{opacity:1}colecao-sonora[data-theme=escuro] .cs-scene{mix-blend-mode:normal}colecao-sonora .cs-light{position:absolute;width:470px;height:155px;left:30px;top:95px;border-radius:50%;transform:rotate(-24deg);background:radial-gradient(ellipse,rgb(198 122 71 / .24),rgb(139 111 71 / .1) 45%,transparent 70%)}colecao-sonora .cs-orbit{position:absolute;width:430px;height:210px;border:1px solid rgb(139 111 71 / .26);border-radius:50%;left:12px;top:58px;transform:rotate(-25deg)}colecao-sonora .cs-orbit:after{content:"";position:absolute;top:14px;right:-26px;bottom:14px;left:-26px;border-radius:50%;border:1px solid rgb(198 122 71 / .15)}colecao-sonora .cs-record-wrap{position:absolute;width:350px;height:350px;left:min(22vw,300px);top:-7px;transform:rotate(-18deg)}colecao-sonora .cs-record{width:100%;height:100%;border-radius:50%;position:relative;border:3px solid var(--cs-bronze);background:repeating-radial-gradient(circle,transparent 0 2px,rgb(250 247 244 / .13) 2px 2.8px,transparent 2.8px 4px),conic-gradient(from 15deg,#1a1614,#5c5854 13%,#1a1614 25%,#8b6f47 38%,#1a1614 49%,#5c5854 63%,#1a1614,#8b6f47 89%,#1a1614);animation:cs-spin 16s linear infinite;animation-play-state:paused}colecao-sonora .cs-record:after{content:"";position:absolute;top:32%;right:32%;bottom:32%;left:32%;border-radius:50%;background:radial-gradient(circle at 35% 25%,var(--cs-beige),var(--cs-copper) 65%,var(--cs-bronze));border:1px solid rgb(250 247 244 / .6)}colecao-sonora .cs-record-label{position:absolute;top:32%;right:32%;bottom:32%;left:32%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cs-ink);font-size:9px;letter-spacing:.13em}colecao-sonora .cs-record-label strong{font-family:var(--heading-font-family, Urbanist, sans-serif);font-size:19px;font-weight:500;letter-spacing:-.03em}colecao-sonora .cs-spindle{width:7px;height:7px;border:2px solid var(--cs-beige);background:var(--cs-ink);border-radius:50%;margin:9px 0 5px}colecao-sonora .cs-object-caption{position:absolute;bottom:0;left:0;color:var(--cs-muted);font-size:11px;line-height:1.6}colecao-sonora .cs-object-caption span{display:block;font-family:var(--heading-font-family, Urbanist, sans-serif);color:var(--cs-bronze);font-size:25px;letter-spacing:-.04em}colecao-sonora .cs-card{position:relative;z-index:2;background:#ffffffa6;border:1px solid rgb(255 255 255 / .6);border-radius:24px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 45px -22px #8b6f474d;padding:22px 22px 0;overflow:hidden}colecao-sonora .cs-card:before{content:"";position:absolute;top:20%;bottom:5%;width:160px;left:-120px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgb(198 122 71 / .13),transparent 70%);pointer-events:none}colecao-sonora .cs-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}colecao-sonora .cs-card-heading h3{font-family:var(--heading-font-family, Urbanist, sans-serif);font-weight:400;font-size:23px;letter-spacing:-.025em}colecao-sonora .cs-count{color:var(--cs-ink);font-size:12px;font-weight:600;white-space:nowrap}colecao-sonora .cs-list-guide{margin-top:4px;color:var(--cs-muted);font-size:12px}colecao-sonora .cs-mobile-copy{display:none}colecao-sonora .cs-scroll-hint{display:flex;align-items:center;justify-content:center;gap:6px;min-height:24px;margin-bottom:8px;color:var(--cs-muted);font-size:11px}colecao-sonora .cs-scroll-hint svg{width:14px;height:14px}colecao-sonora .cs-mock-label{font-size:10px;color:var(--cs-muted);margin-top:3px}colecao-sonora .cs-tabs{display:flex;gap:0;border-bottom:1px solid rgb(139 111 71 / .16);margin-top:8px}colecao-sonora .cs-tabs button{flex:1;font-size:11px;color:var(--cs-muted);padding:10px 4px;border-bottom:2px solid transparent;border-radius:0;white-space:nowrap}colecao-sonora .cs-tabs button[aria-pressed=true]{border-bottom-color:var(--cs-bronze);color:var(--cs-ink)}colecao-sonora .cs-list,colecao-sonora .cs-feed{list-style:none;margin:8px -6px;padding:0 6px;height:264px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgb(139 111 71 / .4) transparent;overscroll-behavior:contain}colecao-sonora .cs-track{display:grid;grid-template-columns:minmax(0,1fr) 52px 86px 32px 44px 44px;align-items:center;list-style:none;padding:0;margin:2px 0;border-radius:16px;border:1px solid transparent}colecao-sonora .cs-track.is-selected{background:#f0ebe3d9;border-color:#8b6f4733}colecao-sonora .cs-track:hover{background:#f0ebe399}colecao-sonora .cs-track-button{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;width:100%;padding:10px 4px;min-height:76px;text-align:left;border-radius:16px}colecao-sonora .cs-track-number{font-size:11px;color:var(--cs-muted);text-align:center;font-variant-numeric:tabular-nums}colecao-sonora .cs-track-play{display:none}colecao-sonora .cs-track-name{display:block;font-size:13px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}colecao-sonora .cs-track-style{display:flex;align-items:flex-start;flex-direction:column;gap:3px;color:var(--cs-muted);margin-top:4px}colecao-sonora .cs-genre{display:inline-block;font-size:10px;line-height:16px;border:1px solid rgb(139 111 71 / .3);border-radius:5px;padding:0 6px;background:var(--cs-beige);color:#1a1614}colecao-sonora .cs-track-stats{font-size:10px}colecao-sonora .cs-track-stats:empty{display:none}colecao-sonora .cs-genre,colecao-sonora .cs-track-stats{max-width:100%;overflow-wrap:anywhere}colecao-sonora .cs-track-time{grid-column:4;font-size:10px;color:var(--cs-muted);font-variant-numeric:tabular-nums;text-align:center}colecao-sonora .cs-track-share,colecao-sonora .cs-track-comment{width:44px;height:44px;padding:12px;display:grid;place-items:center;border-radius:50%;color:var(--cs-muted)}colecao-sonora .cs-track-share{grid-column:-2}colecao-sonora .cs-track-comment{grid-column:-3}colecao-sonora .cs-reaction{display:grid;place-items:center;align-content:center;gap:2px;padding:3px 4px;border-radius:10px;color:var(--cs-muted);font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap}colecao-sonora [data-reaction="1"]{grid-column:2}colecao-sonora [data-reaction="2"]{grid-column:3}colecao-sonora .cs-reaction:is(:hover,[aria-pressed=true]){color:var(--cs-ink);background:#8b6f4724}colecao-sonora .cs-reaction[aria-pressed=true]{border-color:var(--cs-bronze)}colecao-sonora .cs-reaction[aria-pressed=true] svg{fill:#8b6f4759}colecao-sonora .cs-track :is(.cs-track-comment,.cs-track-share):hover{color:var(--cs-ink);background:var(--cs-beige)}colecao-sonora .cs-track svg{width:17px;height:17px}colecao-sonora .cs-player{position:relative;border-top:1px solid rgb(139 111 71 / .18);padding:15px 0 10px;background:transparent}colecao-sonora .cs-player-main{display:flex;align-items:center;gap:12px}colecao-sonora .cs-toggle{position:relative;width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--cs-bronze);border:1px solid var(--cs-bronze)}colecao-sonora .cs-toggle:focus-visible{outline-color:var(--cs-bronze);outline-offset:5px}colecao-sonora[data-play-visible=true]:not([data-playing=true]) .cs-toggle:not(:disabled):before,colecao-sonora[data-play-visible=true]:not([data-playing=true]) .cs-toggle:not(:disabled):after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--cs-bronze);border-radius:inherit;opacity:0;pointer-events:none;animation:cs-play-invite 3s ease-out infinite}colecao-sonora[data-play-visible=true]:not([data-playing=true]) .cs-toggle:not(:disabled):after{animation-delay:.4s}@media(hover:hover)and (prefers-reduced-motion:no-preference){colecao-sonora .cs-toggle{transition:transform .2s ease-out}colecao-sonora:not([data-playing=true]) .cs-toggle:not(:disabled):hover{transform:scale(1.06)}}colecao-sonora .cs-toggle svg{width:21px;height:21px}colecao-sonora .cs-pause-icon{display:none}colecao-sonora[data-playing=true] .cs-play-icon{display:none}colecao-sonora[data-playing=true] .cs-pause-icon{display:block}colecao-sonora[data-playing=true] .cs-record{animation-play-state:running}colecao-sonora .cs-now{flex:1;min-width:0}colecao-sonora .cs-now-label{display:block;color:var(--cs-muted);font-size:12px;font-weight:600}colecao-sonora .cs-now-title{display:block;font-weight:500;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}colecao-sonora .cs-next{width:44px;padding:10px;display:grid;place-items:center;border-radius:50%}colecao-sonora .cs-timeline{display:flex;align-items:center;gap:8px;color:var(--cs-muted);font-size:10px;font-variant-numeric:tabular-nums}colecao-sonora .cs-timeline span{min-width:28px}colecao-sonora input[type=range]{-webkit-appearance:none;appearance:none;height:44px;padding:0;flex:1;min-width:0;background:transparent;border:0;accent-color:var(--cs-bronze);cursor:pointer}colecao-sonora input[type=range]::-webkit-slider-runnable-track{height:2px;background:#8b6f4747}colecao-sonora input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--cs-bronze);border:2px solid var(--cs-cream)}colecao-sonora input[type=range]::-moz-range-track{height:2px;background:#8b6f4747}colecao-sonora input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--cs-bronze);border:2px solid var(--cs-cream)}colecao-sonora .cs-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--cs-muted);font-size:11px;border-top:1px solid rgb(139 111 71 / .16);gap:12px}colecao-sonora .cs-bottom button{flex-shrink:0;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}colecao-sonora .cs-status{min-height:20px;font-size:11px;color:var(--cs-muted);margin-top:6px}colecao-sonora .cs-popover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:var(--cs-cream);border-radius:24px;padding:24px;overflow-y:auto}colecao-sonora .cs-popover h3{font:400 25px/1.2 var(--heading-font-family, Urbanist, sans-serif);margin:8px 44px 14px 0}colecao-sonora .cs-close{position:absolute;top:12px;right:12px;width:44px;font-size:24px;border-radius:50%}colecao-sonora .cs-popover label{display:block;font-size:12px;margin-top:10px}colecao-sonora .cs-popover input:not([type=checkbox]),colecao-sonora .cs-popover textarea{width:100%;border:1px solid rgb(139 111 71 / .4);border-radius:12px;padding:10px;background:#fff;color:#1a1614;min-height:44px}colecao-sonora .cs-popover textarea{resize:vertical;min-height:62px;max-height:110px}colecao-sonora .cs-popover .cs-consent{display:flex;align-items:center;gap:10px;min-height:44px}colecao-sonora .cs-consent input{width:20px;height:20px;accent-color:var(--cs-bronze)}colecao-sonora .cs-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:32px;border:1px solid var(--cs-bronze);background:var(--cs-beige);color:var(--cs-ink);margin:8px 8px 0 0}colecao-sonora .cs-comment{padding:10px 0;border-bottom:1px solid rgb(139 111 71 / .2);font-size:12px}colecao-sonora .cs-comment strong{font-weight:500}colecao-sonora .cs-comment small{display:block;color:var(--cs-muted);font-size:10px;margin:2px 0 6px}colecao-sonora .cs-comment p{overflow-wrap:anywhere}colecao-sonora [data-feed-status]{color:var(--cs-muted);font-size:12px;padding:12px 0}colecao-sonora .cs-empty{padding:24px 10px;color:var(--cs-muted)}colecao-sonora[data-theme=escuro]{--cs-cream: #1a1614;--cs-ink: #faf7f4;--cs-muted: #f0ebe3;background:#1a1614}colecao-sonora[data-theme=escuro] .cs-card{background:#1a161480}colecao-sonora[data-theme=escuro] .cs-track.is-selected,colecao-sonora[data-theme=escuro] .cs-track:hover{background:#8b6f4733}colecao-sonora[data-theme=escuro] .cs-record-label{color:#1a1614}colecao-sonora[data-theme=escuro] .cs-pill{background:#5c5854}@keyframes cs-spin{to{transform:rotate(360deg)}}@keyframes cs-play-invite{0%{opacity:0;transform:scale(1)}12%{opacity:.75}65%,to{opacity:0;transform:scale(1.4)}}@keyframes cs-enter{0%{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@supports not (backdrop-filter: blur(1px)){colecao-sonora .cs-card{background:#faf7f4}colecao-sonora[data-theme=escuro] .cs-card{background:#1a1614}}@media(min-width:768px)and (max-width:1100px){colecao-sonora .cs-track-button{grid-column:1 / -1;min-height:55px;padding-bottom:0}colecao-sonora .cs-track-time,colecao-sonora .cs-reaction,colecao-sonora .cs-track-comment,colecao-sonora .cs-track-share{grid-row:2}}@media(max-width:767px){colecao-sonora{scroll-margin-top:84px}colecao-sonora .cs-shell{padding:16px 16px 10px}colecao-sonora .cs-eyebrow{padding-top:12px;font-size:10px}colecao-sonora .cs-layout{grid-template-columns:1fr;gap:0;min-height:0}colecao-sonora .cs-intro{padding-top:12px}colecao-sonora .cs-title{font-size:34px;line-height:1.05}colecao-sonora .cs-subtitle{display:none}colecao-sonora .cs-object{height:110px;margin-top:2px}colecao-sonora .cs-scene{--cs-scene-height: 156px;width:min(100%,calc(var(--cs-scene-height) * 16 / 9));height:var(--cs-scene-height);margin:8px auto 12px}colecao-sonora .cs-record-wrap{width:174px;height:174px;left:auto;right:18px;top:3px}colecao-sonora .cs-orbit{width:300px;height:100px;left:18px;top:54px}colecao-sonora .cs-light{width:320px;height:100px;top:60px;left:20px}colecao-sonora .cs-object-caption{bottom:12px;font-size:9px}colecao-sonora .cs-record-label{font-size:6px}colecao-sonora .cs-record-label strong{font-size:12px}colecao-sonora .cs-spindle{margin:4px 0 1px;width:5px;height:5px}colecao-sonora .cs-card{padding:14px 15px 0}colecao-sonora .cs-card-heading{flex-wrap:wrap;gap:2px 10px}colecao-sonora .cs-card-heading h3{font-size:20px}colecao-sonora .cs-desktop-copy{display:none}colecao-sonora .cs-mobile-copy{display:inline}colecao-sonora .cs-list,colecao-sonora .cs-feed{height:244px}colecao-sonora .cs-track{grid-template-columns:minmax(0,1fr) 44px 74px 32px}colecao-sonora .cs-track-button{grid-column:1 / -2;grid-row:1;grid-template-columns:16px minmax(0,1fr);gap:5px;padding:4px 5px;min-height:44px}colecao-sonora .cs-track.is-selected:has(>.cs-reaction:not([hidden])) .cs-track-button{grid-column:1;grid-row:1 / 3;align-self:stretch}colecao-sonora .cs-track.is-selected:has(>.cs-reaction:not([hidden])) .cs-track-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.25;white-space:normal;overflow-wrap:anywhere}colecao-sonora .cs-track svg{width:14px;height:14px}colecao-sonora .cs-track-number{display:none}colecao-sonora .cs-track-play{display:block;color:var(--cs-bronze)}colecao-sonora .cs-track-time{grid-column:-2;grid-row:1}colecao-sonora [data-reaction="1"],colecao-sonora .cs-track-comment{grid-column:2}colecao-sonora [data-reaction="2"]{grid-column:3}colecao-sonora .cs-reaction{grid-row:1;font-size:11px}colecao-sonora .cs-track-comment,colecao-sonora .cs-track-share{grid-row:2;justify-self:center}colecao-sonora .cs-track-share{grid-column:3 / -1;justify-self:end}colecao-sonora .cs-track.is-selected:has(>.cs-reaction:not([hidden])) .cs-track-share{grid-column:3;justify-self:center}colecao-sonora .cs-track:not(.is-selected) :is(.cs-reaction,.cs-track-comment,.cs-track-share){display:none}colecao-sonora .cs-track-name{font-size:13px}colecao-sonora .cs-track-style{flex-direction:row;flex-wrap:wrap;gap:2px 6px;margin-top:1px;font-size:9px}colecao-sonora .cs-genre{line-height:14px}colecao-sonora .cs-player{padding-top:16px;padding-bottom:2px}colecao-sonora .cs-bottom{font-size:10px}colecao-sonora .cs-tabs button{padding:9px 2px;font-size:10px}colecao-sonora .cs-popover{padding:20px 16px}}@media(max-width:767px)and (max-height:740px){colecao-sonora .cs-title{font-size:28px}colecao-sonora .cs-subtitle{display:none}colecao-sonora .cs-object{height:75px}colecao-sonora .cs-scene{--cs-scene-height: 151.2px;margin:8px auto 10px}colecao-sonora .cs-record-wrap{width:115px;height:115px;right:30px;top:-8px}colecao-sonora .cs-card-heading h3{font-size:18px}colecao-sonora .cs-object-caption span{font-size:20px}colecao-sonora .cs-list,colecao-sonora .cs-feed{height:228px}colecao-sonora .cs-shell{padding-top:8px}}@media(prefers-reduced-motion:reduce){colecao-sonora *,colecao-sonora *:before,colecao-sonora *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/colecao-sonora.css.map */